/* ===== BEAUTIFUL BACKGROUNDS & EFFECTS ===== */

/* Gradient Blob Animation */
@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes floatBlob {
    0%, 100% { transform: translate(0, 0); }
    33% { transform: translate(30px, -50px); }
    66% { transform: translate(-20px, 20px); }
}

@keyframes shimmerGradient {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

@keyframes softGlow {
    0%, 100% { box-shadow: 0 0 20px rgba(33, 33, 94, 0.1); }
    50% { box-shadow: 0 0 40px rgba(33, 33, 94, 0.2); }
}

/* Section Background Effects */
.home-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fff 0%, #f8f7ff 100%);
}

.home-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(33, 33, 94, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(76, 175, 217, 0.03) 0%, transparent 50%);
    pointer-events: none;
    animation: gradientFlow 15s ease infinite;
}

.home-section--muted {
    background: linear-gradient(135deg, #f5f3ff 0%, #f0f4ff 100%);
}

.home-section--alt {
    background: linear-gradient(135deg, #faf9ff 0%, #f5f8ff 100%);
}

.home-section > .container {
    position: relative;
    z-index: 1;
}

/* Products Page */
.products-page { padding: 2rem 0; }

.products-filter { display: grid; gap: .75rem; margin: 1rem 0 1.25rem; }
.products-filter__form { display: flex; gap: .5rem; }
.products-filter__select { display: inline-block; min-width: 240px; padding: .5rem .75rem; border: 1px solid var(--c-border); border-radius: .5rem; background: #fff; color: var(--c-dark); }
.products-filter__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .625rem; border-radius: 999px; background: rgba(33,33,94,.08); color: var(--c-dark); border: 1px solid rgba(33,33,94,.2); font-size: .875rem; text-decoration: none; }
.chip:hover { background: rgba(33,33,94,.14); border-color: #21215e; }
.chip.active { background: rgba(33,33,94,.22); border-color: #21215e; color: var(--c-dark); }

.products-empty { display: grid; place-items: center; gap: .5rem; padding: 2rem; border: 1px dashed var(--c-border); border-radius: .75rem; color: var(--c-muted); }
.products-empty__icon { font-size: 1.5rem; color: #94a3b8; }

.products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 992px) { .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .products-grid { grid-template-columns: 1fr; } }

.product-card {
    border: 1px solid var(--c-border);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(15,23,42,.06);
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease), background var(--duration) var(--ease);
    position: relative;
    background: linear-gradient(135deg, #fff 0%, #fbfcff 100%);
}

.product-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse 600px at 0% 0%, rgba(33, 33, 94, 0.02) 0%, transparent 100%);
    pointer-events: none;
}

.product-card__inner { display: grid; grid-template-rows: auto 1fr; text-decoration: none; color: inherit; position: relative; z-index: 1; }
.product-card__media { aspect-ratio: 4/3; background: #f8fafc; display: flex; align-items: center; justify-content: center; position: relative; }
.product-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration) var(--ease); transform: scale(1); }
.product-card__placeholder { color: #cbd5e1; font-size: 2rem; }
.product-card__body { padding: 1rem; display: grid; gap: .375rem; }
.product-card__title { margin: 0; font-size: 1.08rem; color: var(--c-dark); }
.product-card__category { color: #21215e; font-size: .85rem; font-weight: 600; }
.product-card__excerpt { color: var(--c-muted); font-size: .92rem; }
.product-card__cta { margin-top: .25rem; display: inline-flex; align-items: center; gap: .375rem; color: #21215e; font-weight: 600; }
.product-card__cta i { transition: transform .2s ease; }
.product-card__cta:hover i { transform: translateX(3px); }
.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(33,33,94,.15);
    border-color: #21215e;
    background: linear-gradient(135deg, #fff 0%, #f5f1ff 100%);
}
.product-card:hover .product-card__media img { transform: scale(1.08); }

.products-pagination { margin-top: 1.25rem; display: flex; justify-content: center; }

/* Product Detail Page */
.product-detail { display: grid; grid-template-columns: 1.2fr 1.6fr; gap: 2rem; align-items: flex-start; }
@media (max-width: 900px) { .product-detail { grid-template-columns: 1fr; } }
.product-detail__media { aspect-ratio: 1; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 32px rgba(33,33,94,.12); }
.product-detail__image { width: 100%; height: 100%; object-fit: cover; }
.product-detail__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f8fafc; color: #cbd5e1; font-size: 3rem; }
.product-detail__content { }
.product-detail__title { margin: 0 0 .75rem; font-size: 2rem; color: var(--c-dark); }
.product-detail__category { display: inline-block; background: rgba(33,33,94,.1); color: #21215e; padding: .375rem .75rem; border-radius: 999px; font-size: .875rem; font-weight: 600; text-decoration: none; margin-bottom: 1rem; }
.product-detail__description { margin: 1.5rem 0; color: var(--c-muted); line-height: 1.7; }
.product-detail__meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0; }
.meta-item { padding: 1rem; background: #f8fafc; border-radius: 12px; border: 1px solid var(--c-border); }
.meta-item strong { display: block; color: #21215e; margin-bottom: .5rem; }
.meta-item p { margin: 0; color: var(--c-muted); font-size: .95rem; }

/* Page Hero - Generic */
.page-hero { position: relative; min-height: 320px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 48px 0; }
.page-hero__decoration { position: absolute; border-radius: 50%; z-index: 0; }
.page-hero__decoration--primary { top: -100px; right: -150px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(14,165,233,.18), transparent 70%); }
.page-hero__decoration--secondary { bottom: -80px; left: -120px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(14,165,233,.12), transparent 70%); }
.page-hero--gradient { background: linear-gradient(135deg, #21215e 0%, #2a2870 50%, #332d7d 100%); color: #fff; }
.page-hero--dark { background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%); }
.page-hero__content { position: relative; z-index: 1; text-align: center; max-width: 720px; }
.page-hero__title { margin: 0 0 12px; font-size: clamp(36px, 5vw, 56px); font-weight: 900; letter-spacing: -0.5px; }
.page-hero__subtitle { margin: 0; font-size: clamp(16px, 2vw, 20px); opacity: 0.95; font-weight: 400; line-height: 1.6; }

*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#fff}
:root{--c-primary:#0ea5e9;--c-primary-rgb:14,165,233;--c-accent:var(--c-primary);--c-dark:#0f172a;--c-muted:#64748b;--c-border:#e2e8f0;--container:1200px;--duration:0.3s;--ease:cubic-bezier(.4,0,.2,1)}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.topbar{background:linear-gradient(90deg, rgba(var(--c-primary-rgb), .08), rgba(var(--c-primary-rgb), .02));border-bottom:1px solid var(--c-border);font-size:15px;animation:slideInDown var(--duration) var(--ease)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 0}
.topbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.topbar i{color:var(--c-accent)}
.contact-link{color:#334155;text-decoration:none;border:1px solid var(--c-border);padding:8px 12px;border-radius:999px;background:#fff;transition:background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease)}
.contact-link:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(14,165,233,.2)}
.sep{color:#cbd5e1}
.topbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.top-link{color:#475569;text-decoration:none;padding:4px 6px;border-radius:6px;border:1px solid transparent;transition:all var(--duration) var(--ease)}
.top-link:hover{border-color:var(--c-border);background:#fff}
.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--c-border);color:var(--c-accent);background:#fff;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease)}
.icon-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px rgba(2,6,23,.06);border-color:var(--c-primary)}
.icon-btn.whats{border-color:#86efac;color:#16a34a;background:#f0fdf4}
.topbar .icon-btn{background:rgba(255,255,255,.95)}
.topbar .icon-btn:hover{background:#fff}
/* ===== NAVBAR ===== */
.navbar{
    position:sticky;
    top:0;
    background:#fff;
    border-bottom:1px solid var(--c-border);
    z-index:100;
    transition:all 0.3s ease;
}
.navbar.modern{
    background:rgba(255,255,255,0.95);
    backdrop-filter:saturate(140%) blur(10px);
    border-bottom:1px solid rgba(226,232,240,0.6);
}
.navbar.modern.scrolled{
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.navbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:80px;
    padding:0 24px;
}

/* Logo */
.logo{
    font-weight:700;
    text-decoration:none;
    color:var(--c-dark);
    letter-spacing:0.2px;
    display:flex;
    align-items:center;
    gap:10px;
    transition:transform 0.3s ease;
    z-index:101;
}
.logo:hover{
    transform:scale(1.02);
}
.logo img{
    height:50px;
    width:auto;
    display:block;
}

/* Navigation */
.nav{
    display:flex;
    gap:8px;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}
.nav li{
    position:relative;
}
.nav a{
    display:inline-block;
    padding:10px 16px;
    color:#334155;
    text-decoration:none;
    border-radius:8px;
    font-size:15px;
    font-weight:500;
    transition:all 0.3s ease;
    white-space:nowrap;
}
.nav a:hover{
    color:var(--c-primary);
    background:rgba(var(--c-primary-rgb),0.08);
}
.nav a.active{
    background:var(--c-primary);
    color:#fff;
}

/* Submenu */
.nav li.has-sub{
    position:relative;
}
.nav .submenu{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    background:#fff;
    border:1px solid var(--c-border);
    border-radius:10px;
    min-width:200px;
    padding:8px;
    box-shadow:0 8px 24px rgba(15,23,42,0.12);
    animation:fadeInUp 0.3s ease;
}
.nav .submenu a{
    display:block;
    border-radius:6px;
    padding:10px 14px;
}
.nav li.has-sub:hover>.submenu{
    display:block;
}

/* Button */
.btn{
    background:var(--c-primary);
    color:#fff !important;
    border-radius:8px;
    padding:10px 20px;
    font-weight:600;
    font-size:15px;
    transition:all 0.3s ease;
    display:inline-block;
    text-decoration:none;
    border:2px solid var(--c-primary);
}
.btn:hover{
    background:transparent;
    color:var(--c-primary) !important;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(var(--c-primary-rgb),0.2);
}

/* Toggle Button */
.nav-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    background:transparent;
    border:none;
    cursor:pointer;
    padding:8px;
    z-index:101;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    transition:all 0.3s ease;
}
.nav-toggle span{
    width:24px;
    height:2px;
    background:var(--c-primary);
    display:block;
    transition:all 0.3s ease;
    border-radius:2px;
}
.nav-toggle:hover{
    background:rgba(var(--c-primary-rgb),0.1);
}
.nav-open .nav-toggle span:nth-child(1){
    transform:rotate(45deg) translate(6px, 6px);
}
.nav-open .nav-toggle span:nth-child(2){
    opacity:0;
}
.nav-open .nav-toggle span:nth-child(3){
    transform:rotate(-45deg) translate(6px, -6px);
}

/* Mobile Styles */
@media(max-width:900px){
    .nav-toggle{
        display:flex;
    }
    .navbar .container{
        padding:0 16px;
    }
    .nav{
        display:none;
        position:fixed;
        top:80px;
        left:0;
        right:0;
        bottom:0;
        background:#fff;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:20px;
        overflow-y:auto;
        transform:translateX(100%);
        transition:transform 0.3s ease;
        box-shadow:-4px 0 24px rgba(0,0,0,0.1);
    }
    .nav-open .nav{
        display:flex;
        transform:translateX(0);
    }
    .nav-open{
        overflow:hidden;
    }
    .nav li{
        width:100%;
        border-bottom:1px solid #f1f5f9;
    }
    .nav li:last-child{
        border-bottom:none;
    }
    .nav a{
        display:block;
        padding:16px 12px;
        border-radius:0;
        font-size:16px;
    }
    .nav a.btn{
        margin:12px 0;
        text-align:center;
        border-radius:8px;
    }
    .nav .submenu{
        position:static;
        display:none;
        border:none;
        box-shadow:none;
        padding:0;
        margin:0;
        background:#f8fafc;
        border-radius:0;
    }
    .nav li.has-sub:hover>.submenu,
    .nav li.has-sub.active>.submenu{
        display:block;
    }
    .nav .submenu a{
        padding-left:28px;
        font-size:15px;
        background:transparent;
    }
}

@media(max-width:640px){
    .navbar .container{
        height:65px;
    }
    .nav{
        top:65px;
    }
    .logo img{
        height:40px;
    }
    .topbar .container{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:8px;
        padding:10px 16px;
        text-align:center;
    }
    .topbar-left,
    .topbar-right{
        gap:10px;
        flex-wrap:wrap;
        justify-content:center;
    }
    .contact-link{
        font-size:13px;
        padding:6px 10px;
    }
    .icon-btn{
        width:32px;
        height:32px;
        font-size:13px;
    }
}

@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
main{padding:24px 0}
.nav-search{display:none;border-bottom:1px solid var(--c-border);background:#fff;animation:slideInDown var(--duration) var(--ease)}
.nav-search.open{display:block}
.nav-search form{display:flex;gap:8px;padding:8px 0}
.nav-search input{flex:1;min-width:0;border:1px solid var(--c-border);border-radius:10px;padding:10px 12px;transition:all var(--duration) var(--ease)}
.nav-search input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}
.nav-search button{border-radius:10px;transition:all var(--duration) var(--ease)}
.nav-search button:hover{transform:translateY(-2px)}
.hero-swiper{position:relative;min-height:clamp(520px,72vh,820px)}
.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide{height:100%}
.hero-swiper .swiper-slide{position:relative;background:#0f172a center/cover no-repeat}
.hero-swiper .shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(var(--c-primary-rgb), .55), rgba(var(--c-primary-rgb), .2))}
.swiper-button-prev,.swiper-button-next{color:#fff;--swiper-navigation-size:34px;transition:all var(--duration) var(--ease);background:rgba(255,255,255,.1) !important;border-radius:50%;width:44px !important;height:44px !important;display:flex !important;align-items:center;justify-content:center}
.swiper-button-prev:hover,.swiper-button-next:hover{background:rgba(255,255,255,.25) !important;transform:scale(1.1)}
.swiper-pagination-bullet{background:rgba(255,255,255,.6);transition:all var(--duration) var(--ease)}
.swiper-pagination-bullet:hover{background:rgba(255,255,255,.9)}
.swiper-pagination-bullet-active{background:#fff;transform:scale(1.2)}
.slider{position:relative;min-height:420px;overflow:hidden}
.slide{position:absolute;inset:0;background:#0f172a center/cover no-repeat;opacity:0;transform:scale(1.02);transition:opacity .6s ease,transform .6s ease}
.slide.active{opacity:1;transform:scale(1)}
.slide .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.65),rgba(2,6,23,.15))}
.slide-content{position:relative;z-index:1;display:flex;align-items:center;height:100%;color:#fff}
.slide-content h1{font-size:clamp(28px,3.5vw,44px);margin:0 0 12px}
.slide-content p{margin:0 0 18px;color:#e2e8f0;max-width:720px}
.slider .actions .btn{background:var(--c-primary)}
.slider .actions .link-btn{border-color:rgba(255,255,255,.3);color:#fff}
.slider .actions .link-btn:hover{background:rgba(255,255,255,.08)}
.slider .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:1px solid var(--c-border);width:40px;height:40px;border-radius:999px;display:grid;place-items:center}
.slider .nav:hover{background:#fff}
.slider .prev{left:16px}
.slider .next{right:16px}
.slider .dots{position:absolute;left:0;right:0;bottom:16px;display:flex;gap:8px;justify-content:center}
.slider .dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.5);border:0}
.slider .dot.active{background:#fff}
.hero{padding:80px 0;background:linear-gradient(180deg,#f0f9ff,transparent)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.hero h1{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin:0 0 12px}
.hero p{color:var(--c-muted);font-size:18px;margin:0 0 20px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .card{background:#fff;border:1px solid var(--c-border);border-radius:16px;min-height:220px}
.hero .card-inner{padding:16px}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.link-btn{display:inline-block;padding:10px 12px;border-radius:10px;border:1px solid var(--c-border);color:var(--c-accent);text-decoration:none;font-weight:600;transition:all var(--duration) var(--ease);position:relative;overflow:hidden}
.link-btn::before{content:'';position:absolute;inset:0;background:rgba(var(--c-primary-rgb),.08);transform:translateX(-100%);transition:transform var(--duration) var(--ease)}
.link-btn:hover{background:#f8fafc;color:var(--c-accent);border-color:var(--c-primary);transform:translateY(-2px)}
.link-btn:hover::before{transform:translateX(0)}
.section{padding:56px 0}
.section-title{margin:0 0 20px;font-size:clamp(20px,2.6vw,28px)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:16px;transition:all var(--duration) var(--ease)}
.feature:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.12);border-color:var(--c-primary)}
.feature h3{margin:12px 0 6px;font-size:18px;transition:color var(--duration) var(--ease)}
.feature:hover h3{color:var(--c-primary)}
.feature p{margin:0;color:var(--c-muted);transition:color var(--duration) var(--ease)}
.feature:hover p{color:var(--c-dark)}
.icon-circle{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:var(--c-primary);transition:all var(--duration) var(--ease)}
.feature:hover .icon-circle{background:var(--c-primary);color:#fff;transform:scale(1.1)}
@media(max-width:900px){.features-grid{grid-template-columns:1fr}}
.grid{display:grid;gap:16px}
.blog-list{display:flex;flex-direction:column;gap:16px}
.cards-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.cards-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cards-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cards-4{grid-template-columns:1fr}}
.link-card{text-decoration:none;color:inherit;transition:all var(--duration) var(--ease)}
.link-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(15,23,42,.08);outline:1px solid var(--c-accent)}
.link-card .card-inner{padding:16px}
.link-card .more{display:inline-block;margin-top:6px;color:var(--c-muted)}
.cta{background:linear-gradient(180deg,#fff, #f8fafc)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cta .actions{display:flex;gap:8px;flex-wrap:wrap}
.btn-outline{background:#fff;color:#0f172a;border:1px solid var(--c-border);border-radius:10px;padding:10px 14px;text-decoration:none}
.btn-outline:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.muted{color:var(--c-muted)}
.partners{padding:40px 0;border-top:1px solid var(--c-border);background:linear-gradient(180deg,#f8fafc 0%,#ffffff 70%);position:relative;overflow:hidden}
.partners::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(148,163,184,.12),transparent 55%);opacity:.9;pointer-events:none}
.partners-row{display:grid;gap:16px;grid-template-columns:repeat(6,1fr);align-items:center;position:relative;z-index:1}
@media(max-width:1100px){.partners-row{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.partners-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.partners-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.partners-row{grid-template-columns:repeat(2,1fr)}}
.partners-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;position:relative;z-index:1}
.partners-header h3{margin:0;font-size:20px;color:#0f172a}
.partners-header p{max-width:420px;margin:0;font-size:14px;color:var(--c-muted);line-height:1.6}
@media(max-width:768px){.partners-header{flex-direction:column;align-items:flex-start;gap:8px}.partners-header p{max-width:100%}}
.partner{display:flex;align-items:center;justify-content:center;filter:grayscale(1);opacity:.75;transition:transform .25s ease,filter .25s ease,opacity .25s ease,box-shadow .25s ease,background .25s ease;border-radius:999px;background:rgba(255,255,255,.9);padding:10px 14px;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.partner img{max-height:64px;width:auto;display:block}
.partner:hover{filter:grayscale(0);opacity:1;transform:translateY(-4px);box-shadow:0 10px 26px rgba(15,23,42,.18);background:#ffffff}
.partner__placeholder{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:56px;
    padding:6px 10px;
}
.partner__initial{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(var(--c-primary-rgb,33,33,94),0.08);
    color:var(--c-primary,#21215e);
    font-weight:700;
}
.partner__name{
    font-size:12px;
    color:#0f172a;
    text-align:center;
    line-height:1.2;
    max-width:110px;
}
.maintenance-page{
    background: #0f172a;
    color:#e2e8f0;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.maintenance-shell{
    width:100%;
    max-width:560px;
    padding:20px;
}
.maintenance-card{
    background: #111827;
    border:1px solid rgba(255,255,255,0.06);
    border-radius: 18px;
    padding: 28px;
    text-align:center;
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
}
.maintenance-card h1{
    margin:0 0 12px;
    font-size:24px;
    color:#f8fafc;
}
.maintenance-card p{
    margin:0;
    color:#cbd5e1;
    line-height:1.7;
}
.wa-float{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#22c55e url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M20.52 3.48A11.77 11.77 0 0 0 12 0C5.37 0 0 5.37 0 12c0 2.11.55 4.17 1.6 5.98L0 24l6.2-1.6A11.93 11.93 0 0 0 12 24c6.63 0 12-5.37 12-12 0-3.2-1.25-6.21-3.48-8.52ZM12 21.6c-1.8 0-3.53-.5-5.04-1.47l-.36-.23-3.56.92.95-3.47-.24-.38A9.58 9.58 0 0 1 2.4 12c0-5.29 4.31-9.6 9.6-9.6 2.56 0 4.96.99 6.76 2.8a9.52 9.52 0 0 1 2.84 6.8c0 5.29-4.31 9.6-9.6 9.6Zm5.52-6.73c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.68.15-.2.3-.78.97-.96 1.17-.18.2-.35.22-.65.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.48-1.74-1.65-2.04-.17-.3-.02-.47.13-.62.13-.13.3-.35.45-.53.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.68-1.64-.93-2.25-.24-.58-.49-.5-.68-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.11 3.2 5.1 4.48.71.31 1.27.49 1.7.62.7.22 1.33.19 1.83.12.56-.08 1.77-.72 2.02-1.41.25-.7.25-1.3.17-1.41-.07-.11-.27-.18-.57-.33Z\"/></svg>') center/26px 26px no-repeat;box-shadow:0 6px 24px rgba(34,197,94,.35);z-index:120}
.wa-float:hover{filter:brightness(.95)}

/* Back To Top */
.back-to-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:10px;border:1px solid var(--c-border);background:#fff;color:var(--c-primary);display:grid;place-items:center;box-shadow:0 8px 20px rgba(15,23,42,.12);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease),visibility var(--duration) var(--ease);z-index:120}
.back-to-top:hover{transform:translateY(2px);box-shadow:0 12px 28px rgba(15,23,42,.18)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top i{font-size:16px}

/* Responsive adjustments: reduce navbar/logo on small screens */
@media(max-width:700px){
	.navbar .container{height:68px}
	.logo img{height:42px}
}
@media(max-width:700px){
	.nav{inset:68px 0 auto 0}
}

.home-hero{position:relative;min-height:clamp(520px,72vh,820px);overflow:hidden}
.home-hero--static{background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f1f5f9 100%);position:relative}
.home-hero__decoration{position:absolute;top:0;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.08),transparent 70%);z-index:0;animation:float 8s ease-in-out infinite}
.home-hero__decoration-secondary{position:absolute;bottom:-100px;left:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.04),transparent 70%);z-index:0;animation:float 10s ease-in-out infinite reverse}
.home-hero__grid--static{position:relative;z-index:1;align-items:stretch;gap:48px;padding:60px 0}

/* Overline styling */
.hero-overline{display:block;font-size:13px;font-weight:700;letter-spacing:1px;color:var(--c-primary);text-transform:uppercase;margin-bottom:24px;animation:slideInDown 0.6s var(--ease)}

.home-hero__content{max-width:560px}
.home-hero--static .home-hero__content{color:#0f172a}


.hero-badge-floating{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.2);width:fit-content;margin-bottom:24px;animation:fadeInUp var(--duration) var(--ease)}
.badge-icon{font-size:20px;display:flex}
.hero-badge-floating p{margin:0;color:var(--c-primary);font-weight:600;font-size:14px}

.home-hero__title{margin:0 0 16px;font-size:clamp(38px,6vw,58px);line-height:1.1;font-weight:900;background:linear-gradient(135deg,#0f172a 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.home-hero__subtitle{margin:0 0 32px;font-size:18px;line-height:1.8;color:var(--c-muted);max-width:520px}


.hero-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.feature-item{display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:#fff;border:1.5px solid var(--c-border);transition:all 0.3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}
.feature-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--c-primary),#0ea5e9);opacity:0;z-index:-1;transition:opacity 0.3s var(--ease)}
.feature-item:hover{border-color:var(--c-primary);box-shadow:0 12px 32px rgba(14,165,233,.16);transform:translateX(6px)}
.feature-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(14,165,233,.06));display:flex;align-items:center;justify-content:center;color:var(--c-primary);font-weight:700;transition:all 0.3s var(--ease)}
.feature-item:hover .feature-icon{background:var(--c-primary);color:#fff;transform:scale(1.15) rotate(5deg)}
.feature-item strong{display:block;font-size:15px;font-weight:700;color:#0f172a;margin-bottom:4px;transition:color 0.3s var(--ease)}
.feature-item span{display:block;font-size:14px;color:var(--c-muted);line-height:1.6;transition:color 0.3s var(--ease)}
.feature-item:hover strong{color:var(--c-primary)}
.feature-item:hover span{color:#334155}


.hero-accreditations{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.accred-badge{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;background:#fff;border:1.5px solid var(--c-border);color:#0f172a;font-weight:600;font-size:13px;transition:all 0.3s var(--ease);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.accred-badge i{font-size:16px;color:var(--c-primary);transition:transform 0.3s var(--ease)}
.accred-badge span{transition:color 0.3s var(--ease)}
.accred-badge:hover{border-color:var(--c-primary);background:rgba(14,165,233,.08);box-shadow:0 8px 20px rgba(14,165,233,.18);transform:translateY(-3px)}
.accred-badge:hover i{color:#fff;transform:scale(1.2) rotate(-10deg)}


.btn-primary{background:linear-gradient(135deg,var(--c-primary),#0284c7);color:#fff !important;border-radius:12px;padding:14px 32px;font-weight:700;border:none;transition:all 0.3s var(--ease);position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(14,165,233,.35);cursor:pointer}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.5s var(--ease)}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(14,165,233,.45);filter:brightness(1.1)}.btn-primary:hover::before{transform:translateX(100%)}
.btn-primary:active{transform:translateY(-1px)}

.btn-secondary{background:#fff;color:var(--c-primary) !important;border-radius:12px;padding:14px 32px;font-weight:700;border:2px solid var(--c-primary);transition:all 0.3s var(--ease);cursor:pointer;position:relative;overflow:hidden}
.btn-secondary::before{content:'';position:absolute;inset:0;background:var(--c-primary);opacity:0;z-index:-1;transition:opacity 0.3s var(--ease)}
.btn-secondary:hover{background:var(--c-primary);color:#fff !important;transform:translateY(-4px);box-shadow:0 12px 32px rgba(14,165,233,.25)}
.btn-secondary:active{transform:translateY(-1px)}


.home-hero__image{position:relative;perspective:1200px}
.image-wrapper{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;box-shadow:0 24px 64px rgba(14,165,233,.28);transition:all 0.4s var(--ease);border:2px solid rgba(255,255,255,.8)}
.image-wrapper:hover{transform:translateY(-8px) translateZ(30px);box-shadow:0 32px 80px rgba(14,165,233,.32)}
.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s var(--ease)}
.image-wrapper:hover img{transform:scale(1.08) rotate(1deg)}
.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.12) 0%,transparent 50%);pointer-events:none}


.home-hero.swiper{display:block}
.home-hero.swiper .swiper-wrapper,.home-hero.swiper .swiper-slide{min-height:inherit}
.home-hero .slide-content{padding-block:clamp(72px,12vw,140px)}
.home-hero--static .home-hero__grid{min-height:inherit;align-items:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px}
.home-hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:center}
.home-hero__grid--hero{align-items:stretch}
.home-hero__content{max-width:640px;color:#fff}
.home-hero--static .home-hero__content{color:#0f172a}
.home-hero__title{margin:0 0 16px;font-size:clamp(32px,4vw,54px);line-height:1.1;font-weight:700}
.home-hero__text{margin:0 0 24px;font-size:18px;max-width:600px;color:rgba(255,255,255,.88)}
.home-hero--static .home-hero__text{color:var(--c-muted)}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px);font-weight:600;font-size:14px}
.hero-badge i{font-size:14px}
.home-hero--static .hero-badge{background:rgba(var(--c-primary-rgb),.08);border-color:rgba(var(--c-primary-rgb),.25);color:#0f172a}
.home-hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px}
.stat-card{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}
.stat-card strong{display:block;font-size:15px;margin-bottom:6px}
.stat-card span{color:rgba(226,232,240,.9);font-size:14px;line-height:1.5;display:block}
.home-hero--static .stat-card{background:#fff;border:1px solid var(--c-border);color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.home-hero--static .stat-card span{color:var(--c-muted)}
.home-hero__panel{align-self:stretch;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px;backdrop-filter:blur(10px);color:#e2e8f0;box-shadow:0 18px 50px rgba(15,23,42,.28)}
.home-hero--static .home-hero__panel{background:#fff;border:1px solid var(--c-border);color:#0f172a;box-shadow:0 18px 48px rgba(15,23,42,.12)}
.home-hero__panel h4{margin:0 0 10px;font-size:20px;color:inherit}
.panel-text{margin:0 0 14px;color:inherit}
.hero-panel__list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.hero-panel__list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:inherit}
.hero-panel__list .dot{width:9px;height:9px;border-radius:50%;background:rgba(var(--c-primary-rgb),.9);margin-top:6px;flex-shrink:0}
.home-hero__panel .hero-panel__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.home-hero__card{background:#fff;border-radius:20px;padding:28px;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 48px rgba(15,23,42,.08)}
.home-hero__card h3{margin:0 0 10px;font-size:20px}
.home-hero__card p{margin:0 0 18px;color:var(--c-muted)}
.home-hero__nav{position:absolute;inset:auto 24px 24px;display:flex;gap:12px;pointer-events:none}
.home-hero__nav .swiper-button-prev,.home-hero__nav .swiper-button-next{pointer-events:auto}

.eyebrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-bottom:24px;
	padding:14px 22px;
	max-width:720px;
	border-radius:999px;
	background:#f3f4ff;
	color:#111827;
	font-size:13px;
	line-height:1.6;
	font-weight:600;
	letter-spacing:.06em;
	text-transform:uppercase;
	border:1px solid #e5e7eb;
	box-shadow:0 24px 60px rgba(15,23,42,.08);
	animation:fadeInUp var(--duration) var(--ease);
}

.home-intro{
    padding:72px 0;
    background: linear-gradient(135deg, #fff 0%, #f7f3ff 100%);
    position: relative;
    overflow: hidden;
}

.home-intro::before {
    content: '';
    position: absolute;
    top: 0;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(33, 33, 94, 0.05) 0%, transparent 70%);
    animation: floatBlob 8s ease-in-out infinite;
    pointer-events: none;
}

.home-intro::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(76, 175, 217, 0.04) 0%, transparent 70%);
    animation: floatBlob 10s ease-in-out infinite;
    animation-delay: -2s;
    pointer-events: none;
}

.home-intro__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;position:relative;z-index:1}
.home-intro__copy h2{margin:0 0 16px;font-size:clamp(26px,3vw,40px);animation:fadeInUp calc(var(--duration)*1.5) var(--ease)}
.home-intro__copy p{margin:0 0 18px;color:var(--c-muted);line-height:1.6;animation:fadeInUp calc(var(--duration)*1.8) var(--ease)}
.home-intro__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;animation:fadeInUp calc(var(--duration)*2) var(--ease)}
.home-intro__media img{width:100%;height:auto;border-radius:24px;object-fit:cover;box-shadow:0 24px 64px rgba(15,23,42,.12);transition:transform var(--duration) var(--ease),filter var(--duration) var(--ease);animation:fadeInLeft var(--duration) var(--ease);border:1px solid rgba(255,255,255,.8)}
.home-intro__media img:hover{transform:scale(1.04);filter:brightness(1.08)}
.home-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.home-points li{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px 18px;
    border-radius:16px;
    border:1px solid var(--c-border);
    background: linear-gradient(135deg, #fff 0%, #fbfcff 100%);
    box-shadow:0 6px 18px rgba(15,23,42,.04);
    transition:all var(--duration) var(--ease);
    cursor:pointer;
    position: relative;
    overflow: hidden;
}

.home-points li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(33, 33, 94, 0.05), transparent);
    transition: left var(--duration) var(--ease);
}

.home-points li:hover {
    transform:translateY(-4px);
    border-color:var(--c-primary);
    box-shadow:0 12px 32px rgba(14,165,233,.15);
    background: linear-gradient(135deg, #fff 0%, #f0f1ff 100%);
}

.home-points li:hover::before {
    left: 100%;
}

.home-points li strong{font-weight:600;font-size:16px;color:#0f172a;transition:color var(--duration) var(--ease);position:relative;z-index:1}
.home-points li span{color:var(--c-muted);font-size:14px;transition:color var(--duration) var(--ease);position:relative;z-index:1}
.home-points li:hover strong{color:var(--c-primary)}

.home-section{
    padding:72px 0;
    background: linear-gradient(135deg, #fff 0%, #f8f7ff 100%);
    position: relative;
    overflow: hidden;
}

.home-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(33, 33, 94, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(76, 175, 217, 0.03) 0%, transparent 50%);
    pointer-events: none;
    animation: gradientFlow 15s ease infinite;
    z-index: 0;
}

.home-section > .container {
    position: relative;
    z-index: 1;
}

.home-section--muted{background:linear-gradient(135deg, #f5f3ff 0%, #f0f4ff 100%)}
.home-section--alt{background:linear-gradient(135deg, #faf9ff 0%, #f5f8ff 100%)}
.home-section__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;flex-wrap:wrap;animation:fadeInUp var(--duration) var(--ease)}
.home-section__header h2{margin:4px 0 0;font-size:clamp(24px,2.8vw,36px);transition:color var(--duration) var(--ease)}
.home-section__grid{display:grid;gap:18px}
.home-section__grid--products{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-section__grid--categories{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-section__grid--posts{grid-template-columns:repeat(3,minmax(0,1fr))}

.home-section__grid--gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-section__grid--videos{grid-template-columns:repeat(3,minmax(0,1fr))}

.home-card{height:100%}
.home-card__inner{
    display:flex;
    flex-direction:column;
    height:100%;
    text-decoration:none;
    border-radius:18px;
    border:1px solid var(--c-border);
    background: linear-gradient(135deg, #fff 0%, #fbfcff 100%);
    box-shadow:0 14px 36px rgba(15,23,42,.08);
    overflow:hidden;
    transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease);
    position: relative;
}

.home-card__inner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(33, 33, 94, 0.08) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--duration) var(--ease);
    pointer-events: none;
}

.home-card__inner:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 56px rgba(14,165,233,.2);
    border-color:var(--c-primary);
    background: linear-gradient(135deg, #fff 0%, #f5f1ff 100%);
}

.home-card__inner:hover::before {
    opacity: 1;
}

.home-card__media{position:relative;aspect-ratio:4/3;background:#f8fafc;overflow:hidden}
.home-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration) var(--ease);transform:scale(1)}
.home-card__inner:hover .home-card__media img{transform:scale(1.08)}
.home-card__media--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--c-primary-rgb),.08)}
.home-card__media .placeholder{font-size:28px;font-weight:700;color:var(--c-primary)}
.home-card__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;position:relative;z-index:1}
.home-card__body h3{margin:0;font-size:18px;color:#0f172a;line-height:1.3;transition:color var(--duration) var(--ease)}
.home-card__inner:hover .home-card__body h3{color:var(--c-primary)}
.home-card__meta{margin:0;color:var(--c-primary);font-weight:600;font-size:14px;opacity:.9;transition:opacity var(--duration) var(--ease)}
.home-card__inner:hover .home-card__meta{opacity:1}
.home-card__excerpt{margin:0;color:var(--c-muted);font-size:14px;line-height:1.5}

.home-tile{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:0;
    border-radius:18px;
    border:1px solid var(--c-border);
    background: linear-gradient(135deg, #fff 0%, #fbfcff 100%);
    text-decoration:none;
    color:#0f172a;
    box-shadow:0 6px 24px rgba(15,23,42,.06);
    transition:all var(--duration) var(--ease);
    overflow:hidden;
}

.home-tile::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background: linear-gradient(90deg, transparent, rgba(33, 33, 94, 0.08), transparent);
    transition:left var(--duration) var(--ease);
    z-index:0;
}

.home-tile:hover::before{left:0}
.home-tile:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(14,165,233,.25);
    border-color:var(--c-primary);
    background: linear-gradient(135deg, #fff 0%, #f5f1ff 100%);
}

.home-tile__media{position:relative;aspect-ratio:4/3;background:#f8fafc;overflow:hidden}
.home-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration) var(--ease);transform:scale(1)}
.home-tile:hover .home-tile__media img{transform:scale(1.08)}
.home-tile__body{position:relative;z-index:1;padding:22px 22px 20px}
.home-tile__label{font-weight:600;font-size:17px;display:block;margin-bottom:6px;transition:color var(--duration) var(--ease)}
.home-tile:hover .home-tile__label{color:var(--c-primary)}
.home-tile__cta{margin-top:4px;font-size:14px;color:var(--c-primary);font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:transform var(--duration) var(--ease)}
.home-tile__cta::after{content:'›';font-size:16px;line-height:1}
.home-tile:hover .home-tile__cta{transform:translateX(4px)}

.home-post{height:100%}
.home-post__inner{
    display:flex;
    flex-direction:column;
    height:100%;
    border-radius:22px;
    border:1px solid rgba(148,163,184,.35);
    background: linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(250, 249, 255, .96));
    backdrop-filter:blur(6px);
    text-decoration:none;
    color:#0f172a;
    transition:all var(--duration) var(--ease);
    overflow:hidden;
    position:relative;
    box-shadow:0 10px 32px rgba(15,23,42,.08);
}

.home-post__inner::before{
    content:'';
    position:absolute;
    top:-60%;
    right:-40%;
    width:240px;
    height:240px;
    background:radial-gradient(circle,rgba(14,165,233,.18),transparent 70%);
    opacity:0;
    transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease);
    transform:translate3d(0,20px,0);
}

.home-post__inner:hover{
    transform:translateY(-10px);
    box-shadow:0 26px 64px rgba(15,23,42,.24);
    border-color:rgba(var(--c-primary-rgb),.7);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(245, 241, 255, 1));
}

.home-post__inner:hover::before{opacity:1;transform:translate3d(0,0,0)}

.home-post__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f172a}
.home-post__media img{width:100%;height:100%;object-fit:cover;transition:transform 0.9s cubic-bezier(.19,1,.22,1);transform:scale(1.04)}
.home-post__inner:hover .home-post__media img{transform:scale(1.12)}
.home-post__badge{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(15,23,42,.82);color:#e5e7eb;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;backdrop-filter:blur(6px)}
.home-post__badge span:nth-child(2){opacity:.8}

.home-post__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.home-post__meta{display:flex;gap:12px;font-size:11px;font-weight:600;color:var(--c-primary);text-transform:uppercase;letter-spacing:.16em}
.home-post__body h3{margin:0;font-size:19px;line-height:1.35;transition:color var(--duration) var(--ease)}
.home-post__inner:hover .home-post__body h3{color:var(--c-primary)}
.home-post__body p{margin:0;color:var(--c-muted);line-height:1.7;font-size:14px}
.home-post__cta{margin-top:4px;font-size:14px;font-weight:600;color:var(--c-primary);display:inline-flex;align-items:center;gap:6px;transition:transform var(--duration) var(--ease)}
.home-post__cta::after{content:'→';font-size:15px}
.home-post__inner:hover .home-post__cta{transform:translateX(4px)}

.home-media{background: linear-gradient(135deg, #f8f7ff 0%, #ffffff 100%)}
.home-media--videos{background: linear-gradient(135deg, #020617 0%, #0b1120 100%);color:#e5e7eb}
.home-media--videos .home-section__header h2{color:#f9fafb}
.home-media--videos .eyebrow{background:#0b1120;border-color:rgba(148,163,184,.5);color:#e5e7eb;box-shadow:0 18px 40px rgba(15,23,42,.6)}

.home-gallery-card{
    height:100%;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 18px 44px rgba(15,23,42,.18);
    border:1px solid rgba(15,23,42,.06);
    background:#020617;
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
    cursor: pointer;
}

.home-gallery-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(14, 165, 233, 0.3);
}

.home-gallery-card__media{position:relative;aspect-ratio:4/3;overflow:hidden}
.home-gallery-card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform var(--duration) var(--ease)}
.home-gallery-card__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.25),rgba(14,165,233,.55));mix-blend-mode:multiply;opacity:0;transition:opacity var(--duration) var(--ease)}
.home-gallery-card:hover .home-gallery-card__media img{transform:scale(1.1)}
.home-gallery-card:hover .home-gallery-card__overlay{opacity:1}

.home-video-card{
    height:100%;
    border-radius:20px;
    border:1px solid rgba(15,23,42,.6);
    background: linear-gradient(135deg, #020617 0%, #0b1120 100%);
    box-shadow:0 24px 60px rgba(15,23,42,.85);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);
    position: relative;
}

.home-video-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 32px 80px rgba(14, 165, 233, 0.4);
    border-color: rgba(14, 165, 233, 0.5);
}

.home-video-card__media{position:relative;padding-bottom:56.25%;overflow:hidden;background:#020617}
.home-video-card__media iframe,.home-video-card__media video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.home-video-card__body{padding:14px 18px;background:#020617;color:#e5e7eb}
.home-video-card__body h3{margin:0;font-size:15px;font-weight:600}

.home-cta{
    padding:72px 0;
    animation:fadeInUp var(--duration) var(--ease);
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f7ff 0%, #ffffff 100%);
}

.home-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(33, 33, 94, 0.03) 0%, transparent 70%);
    animation: floatBlob 12s ease-in-out infinite;
    pointer-events: none;
}

.home-cta__inner{
    display:grid;
    grid-template-columns:auto 1.7fr auto;
    gap:24px;
    align-items:center;
    padding:26px 32px;
    border-radius:28px;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 45%, #0f172a 100%);
    color:#e5f3ff;
    box-shadow:0 24px 64px rgba(15,23,42,.45);
    position:relative;
    overflow:hidden;
    z-index: 1;
}

.home-cta__inner::before{content:'';position:absolute;inset:-40%;background:radial-gradient(circle at 0 0,rgba(248,250,252,.16),transparent 55%);opacity:.9;pointer-events:none}
.home-cta__icon{width:62px;height:62px;border-radius:20px;background:rgba(15,23,42,.7);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(15,23,42,.7);position:relative;z-index:1}
.home-cta__icon span{font-size:30px;font-weight:800;color:#e5f3ff}
.home-cta__content{position:relative;z-index:1}
.home-cta__content h3{margin:0 0 8px;font-size:22px;color:#f9fbff}
.home-cta__content p{margin:0;font-size:15px;line-height:1.7;color:#e0f2fe;max-width:520px}
.home-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;position:relative;z-index:1}
.home-cta__actions .btn-primary{background:#f9fafb;color:#0f172a !important;box-shadow:0 10px 32px rgba(15,23,42,.45)}
.home-cta__actions .btn-primary:hover{box-shadow:0 18px 48px rgba(15,23,42,.65)}
.home-cta__actions .btn-secondary{border-color:#e0f2fe;color:#e0f2fe !important;background:transparent}
.home-cta__actions .btn-secondary:hover{background:rgba(15,23,42,.12);color:#fff !important}
.home-partners{
    padding:40px 0;
    animation:fadeInUp var(--duration) var(--ease);
    background: linear-gradient(135deg, #f8f7ff 0%, #fafbff 100%);
    position: relative;
    overflow: hidden;
}

.home-partners::before {
    content: '';
    position: absolute;
    top: 0;
    left: -5%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(33, 33, 94, 0.04) 0%, transparent 70%);
    animation: floatBlob 10s ease-in-out infinite;
    pointer-events: none;
}

.home-partners > .container {
    position: relative;
    z-index: 1;
}

.page-hero__content--center{
    text-align:center;
}
  .about-page__values{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
    }
  @media (max-width:992px){
      .about-page__values{
          grid-template-columns:repeat(2,minmax(0,1fr));
      }
  }
  @media (max-width:640px){
      .about-page__values{
          grid-template-columns:repeat(1,minmax(0,1fr));
      }
  }
  .about-page__value-card{
      position:relative;
      padding:1rem 1.25rem;
      border-radius:1rem;
    border:1px solid var(--c-border, #e2e8f0);
    background:#fff;
    box-shadow:0 16px 40px -28px rgba(15,23,42,0.25);
    display:flex;
    align-items:flex-start;
    gap:12px;
}
.about-page__value-badge{
    width:34px;
    height:34px;
    border-radius:10px;
    background:rgba(var(--c-primary-rgb,33,33,94),0.1);
    color:var(--c-primary,#21215e);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    flex-shrink:0;
}
.about-page__value-text{
    margin:0;
    color:#0f172a;
    font-weight:600;
    line-height:1.4;
}

.home-contact{
    background: linear-gradient(135deg, #f8f7ff 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.home-contact::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -10%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(76, 175, 217, 0.03) 0%, transparent 70%);
    animation: floatBlob 14s ease-in-out infinite;
    pointer-events: none;
}

.home-contact__grid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    gap:32px;
    align-items:flex-start;
    position: relative;
    z-index: 1;
}

.home-contact__form-wrap{
    background: linear-gradient(135deg, rgba(79,70,229,0.04) 0%, #ffffff 100%);
    border-radius:24px;
    padding:26px 26px 28px;
    border:1px solid rgba(79,70,229,0.12);
    box-shadow:0 18px 48px rgba(79,70,229,0.14);
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}

.home-contact__form-wrap:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 64px rgba(79, 70, 229, 0.2);
}
.home-contact__form{display:flex;flex-direction:column;gap:16px}
.home-contact__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-contact__field{display:flex;flex-direction:column}
.home-contact__field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#0f172a}
.home-contact__field input,.home-contact__field textarea,.home-contact__field select{width:100%;border-radius:12px;border:1px solid var(--c-border);padding:10px 12px;font-size:14px;transition:all var(--duration) var(--ease);resize:vertical;font-family:inherit;background:#fff;color:#0f172a}
.home-contact__field input::placeholder,.home-contact__field textarea::placeholder,.home-contact__field select::placeholder{color:#94a3b8}
.home-contact__field input:focus,.home-contact__field textarea:focus,.home-contact__field select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.home-contact__field a,.home-contact__field span{font-size:15px;color:var(--c-primary);line-height:1.6}
.home-contact__field a{text-decoration:none;transition:opacity var(--duration) var(--ease)}
.home-contact__field a:hover{opacity:0.8;text-decoration:underline}
.home-contact__actions{margin-top:8px}
.home-contact__actions .btn-primary{width:100%;padding:14px 24px;font-size:15px;border:none}
.home-contact__map{
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 18px 46px rgba(15,23,42,.12);
    background:#0b1120;
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}

.home-contact__map:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.2);
}

.home-contact__map-inner{position:relative;width:100%}
.home-contact__map-inner iframe{width:100%;height:100%;border:0;display:block;border-radius:24px}
.home-contact__image{
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 18px 46px rgba(15,23,42,.12);
    background:#f8fafc;
    transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}

.home-contact__image:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.2);
}

.home-contact__image img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px}
/* Contact Info Section */
.home-contact__form.info-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
    margin-top: 24px;
}
.home-contact__form.info-section .home-contact__field {
    padding: 20px;
    background: linear-gradient(135deg, rgba(79,70,229,0.06), rgba(255,255,255,0.96));
    border-radius: 14px;
    border: 1px solid rgba(79, 70, 229, 0.12);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
}
.home-contact__form.info-section .home-contact__field label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #5b5f7a;
    margin-bottom: 6px;
}
.home-contact__form.info-section .home-contact__field a {
    color: var(--c-primary);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.6;
}
.home-contact__form.info-section .home-contact__field span {
    color: #0f172a;
    font-size: 15px;
    line-height: 1.6;
}
.home-contact__field-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    background: linear-gradient(135deg, rgba(79,70,229,0.12), rgba(14,165,233,0.14));
    color: var(--c-primary);
    display:grid;
    place-items:center;
    font-size:16px;
    box-shadow:0 6px 16px rgba(79,70,229,0.14);
}
.home-contact__feedback{margin-bottom:14px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}
.home-contact__feedback--success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
.home-contact__feedback--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.home-contact__feedback ul{margin:0;padding-left:18px}

@media(max-width:1100px){
	.home-section__grid--categories{grid-template-columns:repeat(3,minmax(0,1fr))}
	.home-section__grid--products{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-section__grid--posts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-section__grid--gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
	.home-hero__grid,.home-intro__grid{grid-template-columns:1fr}
	.home-hero__grid--static{grid-template-columns:1fr}
	.home-hero__image{margin-top:40px;max-width:100%;aspect-ratio:auto;min-height:380px}
	.image-wrapper{aspect-ratio:4/3;border-radius:18px}
	.home-hero__content{color:#fff}
	.home-hero__card{order:-1}
	.home-hero__nav{position:static;margin:18px auto 0}
	.home-intro__media img{border-radius:20px}
	.home-hero__panel{order:-1}
	.home-contact__grid{grid-template-columns:1fr}
	.home-contact__row{grid-template-columns:1fr}
	.home-contact__form.info-section{grid-template-columns:repeat(2,1fr);gap:28px}
}

@media(max-width:768px){
	.home-section__grid--categories{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-section__grid--products{grid-template-columns:repeat(1,minmax(0,1fr))}
	.home-section__grid--posts{grid-template-columns:repeat(1,minmax(0,1fr))}
	.home-section__grid--gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-section__grid--videos{grid-template-columns:repeat(1,minmax(0,1fr))}
	.home-section__header{flex-direction:column;align-items:flex-start}
	.home-hero__actions{width:100%}
	.home-hero__title{font-size:clamp(32px,6vw,48px)}
	.home-hero__grid--static{gap:32px;padding:48px 0}
	.image-wrapper{aspect-ratio:3/2;border-radius:16px}
	.feature-item{padding:12px 14px;font-size:14px;gap:12px}
	.feature-icon{width:36px;height:36px;font-size:18px}
	.hero-accreditations{gap:8px}
	.accred-badge{padding:9px 12px;font-size:12px}
	.btn-primary,.btn-secondary{padding:12px 24px;font-size:15px}
	.home-cta__inner{grid-template-columns:1fr;row-gap:18px;padding:22px 20px;border-radius:22px}
	.home-cta__actions{justify-content:flex-start}
	.home-contact__form.info-section{grid-template-columns:1fr;gap:24px}
	.home-contact__form.info-section .home-contact__field{padding:18px}
}

@media(max-width:640px){
	.home-hero__title{font-size:clamp(28px,8vw,40px)}
	.home-section,.home-intro{padding:56px 0}
	.home-card__inner{box-shadow:0 10px 28px rgba(15,23,42,.08)}
	.home-hero__card{padding:22px}
	.home-hero__decoration{width:400px;height:400px;right:-150px;top:-50px}
	.home-hero__decoration-secondary{width:300px;height:300px;bottom:-80px;left:-100px}
	.hero-overline{font-size:12px;margin-bottom:16px;letter-spacing:0.5px}
	.home-hero__subtitle{font-size:15px;margin-bottom:20px}
	.hero-features{gap:10px;margin-bottom:20px}
	.feature-item{padding:10px 12px;gap:10px;border-radius:10px}
	.feature-icon{width:32px;height:32px;border-radius:8px;font-size:16px}
	.feature-item strong{font-size:14px;margin-bottom:2px}
	.feature-item span{font-size:13px;line-height:1.4}
	.home-hero__grid--static{gap:16px;padding:32px 0}
	.image-wrapper{aspect-ratio:1;min-height:260px;border-radius:14px}
	.home-hero__actions{flex-direction:column;width:100%;gap:10px}
	.btn-primary,.btn-secondary{width:100%;text-align:center;padding:12px 16px;font-size:14px;border-radius:10px}
	.hero-accreditations{gap:6px;margin-bottom:20px}
	.accred-badge{padding:7px 10px;font-size:11px;border-radius:8px}
	.home-cta__inner{padding:20px 18px}
	.home-cta__content h3{font-size:19px}
	.home-cta__content p{font-size:14px}
    .home-contact__field{margin-bottom:8px}
    .home-contact__field input,.home-contact__field textarea,.home-contact__field select{padding:12px 10px;font-size:16px}
    .home-contact__form.info-section{grid-template-columns:1fr;gap:20px}
    .home-contact__form.info-section .home-contact__field{padding:16px;margin-bottom:0;flex-direction:row;gap:12px;align-items:flex-start;text-align:left}
    .home-contact__field-icon{min-width:34px;width:34px;height:34px}
    .home-contact__form-wrap{padding:18px}
    .home-contact__actions .btn-primary{padding:12px 20px;font-size:14px}
    .home-contact__grid{grid-template-columns:1fr}
    .home-contact__row{grid-template-columns:1fr}
}

/* Gallery Page Styles */
.gallery-page-hero {
	background: linear-gradient(135deg, #667eea 0%, #21215e  100%);
	color: white;
	padding: 80px 0;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.gallery-page-hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	width: 300px;
	height: 300px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}

.gallery-page-hero::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 50%;
}

.gallery-page-hero h1 {
	font-size: clamp(32px, 6vw, 52px);
	margin-bottom: 16px;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.gallery-page-hero p {
	font-size: 18px;
	opacity: 0.95;
	position: relative;
	z-index: 1;
}

.gallery-page-content {
	padding: 40px 0;
	min-height: 60vh;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 28px;
	margin-bottom: 50px;
}

.gallery-item {
	border-radius: 16px;
	overflow: hidden;
	background: white;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	display: flex;
	flex-direction: column;
}

.gallery-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}

.gallery-item__media {
	position: relative;
	width: 100%;
	padding-bottom: 75%;
	overflow: hidden;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.gallery-item__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-item__media img {
	transform: scale(1.08);
}

.gallery-item__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	transition: background 0.3s ease;
	z-index: 1;
}

.gallery-item:hover .gallery-item__overlay {
	background: rgba(0, 0, 0, 0.35);
}

.gallery-item__zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 48px;
	height: 48px;
	background: white;
	border: none;
	border-radius: 50%;
	color: #667eea;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 2;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.gallery-item:hover .gallery-item__zoom {
	transform: translate(-50%, -50%) scale(1);
}

.gallery-item__zoom:hover {
	background: #667eea;
	color: white;
}

.gallery-item__body {
	padding: 16px;
	background: white;
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.gallery-item__body h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.4;
}

.gallery-empty-state {
	text-align: center;
	padding: 100px 20px;
	color: #64748b;
}

.gallery-empty-state__icon {
	font-size: 64px;
	color: #cbd5e1;
	margin-bottom: 20px;
}

.gallery-empty-state p {
	font-size: 18px;
	margin: 0;
}

.gallery-pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.gallery-pagination-wrapper a,
.gallery-pagination-wrapper span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	margin: 0 4px;
	padding: 0 8px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	color: #667eea;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.gallery-pagination-wrapper a:hover {
	background: #667eea;
	color: white;
	border-color: #667eea;
}

.gallery-pagination-wrapper .active span {
	background: #667eea;
	color: white;
	border-color: #667eea;
}

.gallery-pagination-wrapper .disabled span {
	color: #cbd5e1;
	cursor: not-allowed;
}

/* Lightbox Styles */
.gallery-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.95);
	z-index: 1000;
	align-items: center;
	justify-content: center;
	animation: galleryFadeIn 0.3s ease;
}

.gallery-lightbox.active {
	display: flex;
}

@keyframes galleryFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.gallery-lightbox__content {
	position: relative;
	width: 90%;
	max-width: 900px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-lightbox__content img {
	max-width: 100%;
	max-height: 85vh;
	object-fit: contain;
	animation: gallerySildeIn 0.3s ease;
}

@keyframes gallerySildeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.gallery-lightbox__close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: white;
	font-size: 32px;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	z-index: 1001;
}

.gallery-lightbox__close:hover {
	background: rgba(255, 255, 255, 0.3);
}

.gallery-lightbox__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	z-index: 1001;
}

.gallery-lightbox__nav:hover {
	background: rgba(255, 255, 255, 0.3);
}

.gallery-lightbox__prev {
	left: 20px;
}

.gallery-lightbox__next {
	right: 20px;
}

/* Videos Page Styles */
.video-page-hero {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 80px 0;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.video-page-hero::before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	width: 300px;
	height: 300px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}

.video-page-hero::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 50%;
}

.video-page-hero h1 {
	font-size: clamp(32px, 6vw, 52px);
	margin-bottom: 16px;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.video-page-hero p {
	font-size: 18px;
	opacity: 0.95;
	position: relative;
	z-index: 1;
}

.video-page-content {
	padding: 40px 0;
	min-height: 60vh;
}

.videos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 28px;
	margin-bottom: 50px;
}

.video-item {
	border-radius: 16px;
	overflow: hidden;
	background: white;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
}

.video-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}

.video-item__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.video-item__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.video-item:hover .video-item__media video {
	transform: scale(1.05);
}

.video-item__body {
	padding: 16px;
	background: white;
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.video-item__body h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.4;
}

.video-empty-state {
	text-align: center;
	padding: 100px 20px;
	color: #64748b;
}

.video-empty-state__icon {
	font-size: 64px;
	color: #cbd5e1;
	margin-bottom: 20px;
}

.video-empty-state p {
	font-size: 18px;
	margin: 0;
}

.video-pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.video-pagination-wrapper a,
.video-pagination-wrapper span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	margin: 0 4px;
	padding: 0 8px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	color: #667eea;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.video-pagination-wrapper a:hover {
	background: #667eea;
	color: white;
	border-color: #667eea;
}

.video-pagination-wrapper .active span {
	background: #667eea;
	color: white;
	border-color: #667eea;
}

.video-pagination-wrapper .disabled span {
	color: #cbd5e1;
	cursor: not-allowed;
}

@media (max-width: 768px) {
	.gallery-page-hero {
		padding: 50px 0;
		margin-bottom: 30px;
	}

	.gallery-page-hero h1 {
		font-size: 28px;
	}

	.gallery-page-hero p {
		font-size: 16px;
	}

	.gallery-grid {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 16px;
		margin-bottom: 30px;
	}

	.gallery-item__body {
		padding: 12px;
	}

	.gallery-item__body h3 {
		font-size: 13px;
	}

	.gallery-lightbox__nav {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}

	.gallery-lightbox__prev {
		left: 10px;
	}

	.gallery-lightbox__next {
		right: 10px;
	}

	.video-page-hero {
		padding: 50px 0;
		margin-bottom: 30px;
	}

	.video-page-hero h1 {
		font-size: 28px;
	}

	.video-page-hero p {
		font-size: 16px;
	}

	.videos-grid {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 16px;
		margin-bottom: 30px;
	}

	.video-item__body {
		padding: 12px;
	}

	.video-item__body h3 {
		font-size: 13px;
	}
}

/* Breadcrumb */
.breadcrumb{border-bottom:1px solid var(--c-border);background:#fff;margin-bottom:16px}
.breadcrumb .container{padding:12px 16px}
.breadcrumb-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.breadcrumb-item{display:flex;align-items:center;gap:10px;color:#475569}
.breadcrumb-item:not(.active)::after{content:'›';color:#cbd5e1}
.breadcrumb-item a,
.breadcrumb-item span{display:inline-block;color:#0f172a;text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid var(--c-border);background:#fff;transition:all var(--duration) var(--ease);font-size:14px}
.breadcrumb-item a:hover{background:#f8fafc;border-color:var(--c-primary);color:var(--c-accent)}
.breadcrumb-item.active span{font-weight:600;color:#0f172a;background:rgba(var(--c-primary-rgb), .08);border-color:var(--c-border)}

/* Inquiry Form Styling */
.inquiry-section{padding:2rem 0;border-top:1px solid var(--c-border);margin-top:3rem}
.inquiry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:start}
@media(max-width:900px){.inquiry-grid{grid-template-columns:1fr}}
.inquiry-form-wrapper{max-width:100%;background:#fff;padding:2rem;border-radius:16px;border:1px solid var(--c-border);box-shadow:0 10px 28px rgba(15,23,42,.08)}
.inquiry-form{display:flex;flex-direction:column;gap:1.25rem}
.form-group{display:flex;flex-direction:column;gap:.5rem}
.form-label{font-weight:600;font-size:.95rem;color:var(--c-dark);display:block}
.form-control{padding:.75rem 1rem;border:1.5px solid var(--c-border);border-radius:10px;font-size:.95rem;background:#fff;color:var(--c-dark);transition:all var(--duration) var(--ease);font-family:inherit}
.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15);background:#fff}
.form-control::placeholder{color:#94a3b8}
.form-error{display:block;font-size:.85rem;color:#dc2626;margin-top:.25rem;font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all var(--duration) var(--ease);text-decoration:none;font-size:.95rem}
.btn-primary{background:linear-gradient(135deg,var(--c-primary),#0284c7);color:#fff;box-shadow:0 6px 20px rgba(14,165,233,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(14,165,233,.45);filter:brightness(1.08)}

/* Inquiry Sidebar */
.inquiry-sidebar{display:flex;flex-direction:column;gap:16px}
.benefit-bar{display:grid;grid-template-columns:1fr;gap:12px;background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.benefit-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(226,232,240,.8);background:#f8fafc}
.benefit-item i{color:var(--c-primary);font-size:18px}
.benefit-item strong{display:block;font-size:14px;color:#0f172a}
.benefit-item span{display:block;font-size:12px;color:#64748b}

.contact-card{background:#fff;border:1px solid var(--c-border);border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.06);overflow:hidden}
.contact-card__header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--c-border);background:linear-gradient(135deg,#f8fafc,#fff);color:#0f172a;font-weight:700}
.contact-card__header i{color:var(--c-primary)}
.contact-card__list{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.contact-link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--c-border);background:#fff;text-decoration:none;color:#0f172a;transition:all var(--duration) var(--ease)}
.contact-link:hover{border-color:var(--c-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,165,233,.18)}
.contact-link.whats{border-color:#86efac;color:#16a34a}

.certificates-card{background:#fff;border:1px solid var(--c-border);border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.06);overflow:hidden}
.certificates-card__header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--c-border);background:linear-gradient(135deg,#f8fafc,#fff);color:#0f172a;font-weight:700}
.certificates-card__header i{color:var(--c-primary)}
.certificates-card__badges{display:flex;flex-wrap:wrap;gap:10px;padding:12px}
.cert-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--c-border);background:#fff;color:#0f172a;font-weight:600;font-size:13px}
.cert-badge i{color:var(--c-primary)}

.share-actions{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.share-label{display:block;font-size:12px;color:#64748b;margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.share-buttons{display:flex;gap:8px}
.share-btn{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);color:#0f172a;background:#fff;transition:all var(--duration) var(--ease)}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,165,233,.18);border-color:var(--c-primary);color:var(--c-primary)}
.share-btn.whatsapp{color:#16a34a;border-color:#86efac}
.share-btn.facebook{color:#0ea5e9}
.share-btn.x{color:#0f172a}
.share-btn.linkedin{color:#0a66c2}

@media(max-width:768px){
	.inquiry-form{gap:1rem}
	.inquiry-form-wrapper{padding:1.5rem}
}

/* Inquiry Form Styling */
.inquiry-section{padding:2rem 0;border-top:1px solid var(--c-border);margin-top:3rem}
.inquiry-form-wrapper{max-width:640px;background:#fff;padding:2rem;border-radius:16px;border:1px solid var(--c-border);box-shadow:0 10px 28px rgba(15,23,42,.08)}
.inquiry-form{display:flex;flex-direction:column;gap:1.5rem}

.form-group{display:flex;flex-direction:column;gap:.5rem}
.form-label{font-weight:600;font-size:.95rem;color:var(--c-dark);display:block}
.form-control{padding:.75rem 1rem;border:1.5px solid var(--c-border);border-radius:10px;font-size:.95rem;background:#fff;color:var(--c-dark);transition:all var(--duration) var(--ease);font-family:inherit}
.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15);background:#fff}
.form-control::placeholder{color:#94a3b8}
.form-control:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}

textarea.form-control{resize:vertical;min-height:100px}

.form-error{display:block;font-size:.85rem;color:#dc2626;margin-top:.25rem;font-weight:500}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all var(--duration) var(--ease);text-decoration:none;font-size:.95rem}
.btn-primary{background:linear-gradient(135deg,var(--c-primary),#0284c7);color:#fff;box-shadow:0 6px 20px rgba(14,165,233,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(14,165,233,.45);filter:brightness(1.08)}
.btn-primary:active{transform:translateY(0)}

.alert{padding:1rem 1.25rem;border-radius:12px;border:1px solid;margin-bottom:1.5rem;font-size:.95rem}
.alert-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.alert ul{margin:0;padding-left:1.25rem}
.alert li{margin-bottom:.5rem}

@media(max-width:768px){
	.inquiry-form-wrapper{padding:1.5rem}
	.form-group{gap:.35rem}
	.form-label{font-size:.9rem}
	.form-control{padding:.65rem .875rem;font-size:.9rem}
	.btn{padding:.65rem 1.25rem;font-size:.9rem}
}

/* Unified Page Content Styling */
.gallery-page-content{padding:56px 0}
.gallery-page-content .container{max-width:1200px}

/* Gallery Empty State */
.gallery-empty-state{display:grid;place-items:center;gap:1rem;padding:4rem 2rem;border:2px dashed var(--c-border);border-radius:.75rem;color:var(--c-muted);text-align:center;background:rgba(248,250,252,.5);min-height:320px}
.gallery-empty-state__icon{font-size:3rem;color:#94a3b8}
.gallery-empty-state p{margin:0;font-size:1.125rem}

/* Gallery Grid - Unified for all media pages */
.gallery-grid,.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}
@media(max-width:1100px){.gallery-grid,.videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-width:768px){.gallery-grid,.videos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}

/* HOME ABOUT PAGE STYLES */
.home-section__grid--about {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 48px;
    align-items: center;
}

@media (max-width: 1100px) {
    .home-section__grid--about {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 640px) {
    .home-section__grid--about {
        gap: 24px;
    }
}

.home-about__content {
    animation: fadeInUp var(--duration) var(--ease);
}

.home-about__content span.eyebrow {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(14, 165, 233, 0.1);
    color: var(--c-primary);
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    border: 1px solid rgba(14, 165, 233, 0.2);
}

.home-about__content h2 {
    margin: 0 0 24px;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 900;
    color: var(--c-dark);
    line-height: 1.15;
    letter-spacing: -0.3px;
}

.home-about__lead {
    font-size: 17px;
    line-height: 1.8;
    color: var(--c-muted);
    margin: 0 0 28px;
    font-weight: 500;
}

.home-about__body {
    margin-bottom: 22px;
}

.home-about__body p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #334155;
}

.home-about__body--muted p {
    color: var(--c-muted);
    font-size: 14px;
}

.home-about__media {
    display: grid;
    gap: 20px;
    animation: fadeInLeft var(--duration) var(--ease);
}

.home-about__media-main {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15);
    border: 1px solid rgba(15, 23, 42, 0.06);
    aspect-ratio: 4 / 3;
}

.home-about__media-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-about__media-secondary {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
    border: 1px solid rgba(15, 23, 42, 0.06);
    aspect-ratio: 5 / 3;
}

.home-about__media-secondary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Vision & Values Section */
.home-section__grid--two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

@media (max-width: 768px) {
    .home-section__grid--two {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

.home-section__grid--two > div {
    animation: fadeInUp var(--duration) var(--ease);
}

.home-section__grid--two span.eyebrow {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(14, 165, 233, 0.1);
    color: var(--c-primary);
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    border: 1px solid rgba(14, 165, 233, 0.2);
}

.home-section__grid--two h3 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 800;
    color: var(--c-dark);
    line-height: 1.3;
}

/* Features Grid */
.home-section__grid--features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

@media (max-width: 1100px) {
    .home-section__grid--features {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-section__grid--features {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

.home-feature {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 18px;
    padding: 32px 28px;
    text-align: center;
    transition: all var(--duration) var(--ease);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
}

.home-feature::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -40%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.08), transparent 70%);
    opacity: 0;
    transition: opacity var(--duration) var(--ease);
    pointer-events: none;
}

.home-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(14, 165, 233, 0.2);
    border-color: rgba(14, 165, 233, 0.4);
    background: linear-gradient(135deg, #fff 0%, rgba(240, 249, 255, 1) 100%);
}

.home-feature:hover::before {
    opacity: 1;
}

.home-feature__icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(14, 165, 233, 0.08));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 28px;
    color: var(--c-primary);
    box-shadow: 0 8px 20px rgba(14, 165, 233, 0.15);
    transition: all var(--duration) var(--ease);
    position: relative;
    z-index: 1;
}

.home-feature:hover .home-feature__icon {
    transform: scale(1.1);
    box-shadow: 0 12px 28px rgba(14, 165, 233, 0.25);
}

.home-feature__title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
    color: var(--c-dark);
    transition: color var(--duration) var(--ease);
    position: relative;
    z-index: 1;
}

.home-feature:hover .home-feature__title {
    color: var(--c-primary);
}

.home-feature__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--c-muted);
    transition: color var(--duration) var(--ease);
    position: relative;
    z-index: 1;
}

.home-feature:hover .home-feature__text {
    color: #475569;
}

/* Gallery Grid */
.home-section__grid--gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
}

@media (max-width: 768px) {
    .home-section__grid--gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .home-section__grid--gallery {
        grid-template-columns: 1fr;
    }
}

.home-media-card {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
    transition: all var(--duration) var(--ease);
    cursor: pointer;
}

.home-media-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(14, 165, 233, 0.18);
    border-color: rgba(14, 165, 233, 0.3);
}

.home-media-card__media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f8fafc;
}

.home-media-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--duration) var(--ease);
}

.home-media-card:hover .home-media-card__media img {
    transform: scale(1.08);
}

.gallery-item__media,.video-item__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f8fafc}
.gallery-item__media img,.video-item__media img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform var(--duration) var(--ease)}
.gallery-item:hover .gallery-item__media img,.video-item:hover .video-item__media img{transform:scale(1.08)}

.video-item__embed{position:relative;width:100%;height:100%;overflow:hidden}
.video-item__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.gallery-item__overlay,.video-item__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.15),rgba(14,165,233,.35));mix-blend-mode:multiply;opacity:0;transition:opacity var(--duration) var(--ease)}
.gallery-item:hover .gallery-item__overlay,.video-item:hover .video-item__overlay{opacity:1}

.gallery-item__zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.95);border:none;color:var(--c-primary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease);opacity:0}
.gallery-item:hover .gallery-item__zoom{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
.gallery-item__zoom:hover{background:#fff;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 8px 24px rgba(14,165,233,.35)}

.gallery-item__body,.video-item__body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1;background:#fff}
.gallery-item__body h3,.video-item__body h3{margin:0;font-size:1rem;color:var(--c-dark);font-weight:600;line-height:1.4;transition:color var(--duration) var(--ease)}
.gallery-item:hover .gallery-item__body h3,.video-item:hover .video-item__body h3{color:var(--c-primary)}

/* Gallery Pagination */
.gallery-pagination-wrapper{display:flex;justify-content:center;margin-top:2rem}

/* FAQ Accordion Styling */
.faq-accordion{display:flex;flex-direction:column;gap:1rem}
.faq-item{border:1px solid var(--c-border);border-radius:12px;overflow:hidden;background:#fff;transition:all var(--duration) var(--ease)}
.faq-item:hover{border-color:var(--c-primary);box-shadow:0 8px 24px rgba(14,165,233,.12)}

.faq-item__header{width:100%;padding:1.25rem 1.5rem;background:#fff;border:none;text-align:left;color:var(--c-dark);cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all var(--duration) var(--ease)}
.faq-item__header:hover{background:rgba(14,165,233,.02);color:var(--c-primary)}

.faq-item__question{flex:1;transition:color var(--duration) var(--ease)}

.faq-item__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duration) var(--ease);background:rgba(14,165,233,.1);border-radius:999px;color:var(--c-primary);position:relative}
.faq-item__icon::before{content:'+';display:block;width:auto;height:auto;background:none;position:relative;font-size:18px;font-weight:bold;line-height:1}

.faq-item .collapse:not(.show) ~ .faq-item__header .faq-item__icon::before{transform:rotate(0deg)}
.faq-item .collapse.show ~ .faq-item__header .faq-item__icon::before{transform:rotate(45deg)}

.faq-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration) var(--ease)}
.faq-item__body.show{grid-template-rows:1fr}

.faq-item__content{overflow:hidden;padding:1.5rem;background:#f8fafc;color:var(--c-muted);line-height:1.8;font-size:.95rem}

@media(max-width:768px){
	.faq-item__header{padding:1rem 1.25rem;font-size:.95rem}
	.faq-item__content{padding:1rem 1.25rem}
}

/* Footer Styles */
.site-footer {
    position: relative;
    background: linear-gradient(135deg, #21215e 0%, #2d2d7a 50%, #1a1a4d 100%);
    color: #fff;
    padding: 3rem 0 0;
    overflow: hidden;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, #4a90e2, #667eea, #4a90e2, transparent);
    animation: footerLineMove 3s ease-in-out infinite;
}

.site-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.03), transparent);
    animation: footerShine 8s ease-in-out infinite;
}

@keyframes footerLineMove {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

@keyframes footerShine {
    0% { left: -100%; }
    50%, 100% { left: 100%; }
}

.footer-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.8fr 1fr 1.2fr;
    gap: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
}

.footer-col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: fadeInUp 0.8s ease-out backwards;
}

.footer-col:nth-child(1) { animation-delay: 0.1s; }
.footer-col:nth-child(2) { animation-delay: 0.2s; }
.footer-col:nth-child(3) { animation-delay: 0.3s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.footer-brand {
}

.footer-logo {
    display: inline-block;
    margin-bottom: 0.5rem;
    transition: transform 0.3s ease;
}

.footer-logo:hover {
    transform: scale(1.05);
}

.footer-logo img {
    max-height: 50px;
    width: auto;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}

.footer-logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.footer-text {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    font-size: 0.95rem;
    margin: 0;
}

.footer-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.75rem;
    position: relative;
    padding-bottom: 0.5rem;
}

.footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #4a90e2, #667eea);
    border-radius: 2px;
    animation: titleLineGrow 2s ease-in-out infinite;
}

@keyframes titleLineGrow {
    0%, 100% { width: 40px; }
    50% { width: 60px; }
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.footer-links li {
    margin: 0;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    padding-left: 0;
}

.footer-links a::before {
    content: '›';
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #fff;
    padding-left: 8px;
}

.footer-links a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    transition: transform 0.3s ease;
}

.footer-contact li:hover {
    transform: translateX(5px);
}

.footer-contact i {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 2px;
    flex-shrink: 0;
    animation: iconPulse 2s ease-in-out infinite;
}

.footer-contact li:nth-child(1) i { animation-delay: 0s; }
.footer-contact li:nth-child(2) i { animation-delay: 0.3s; }
.footer-contact li:nth-child(3) i { animation-delay: 0.6s; }

@keyframes iconPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.footer-contact span,
.footer-contact a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.footer-contact a:hover {
    color: #fff;
}

.footer-social-wrapper {
    position: relative;
    z-index: 1;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.footer-social a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.1rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.footer-social a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #667eea, #4a90e2);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.footer-social a i {
    position: relative;
    z-index: 1;
}

.footer-social a:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}

.footer-social a:hover::before {
    opacity: 1;
}

.footer-social a:nth-child(1) { animation: socialFloat 3s ease-in-out infinite; animation-delay: 0s; }
.footer-social a:nth-child(2) { animation: socialFloat 3s ease-in-out infinite; animation-delay: 0.2s; }
.footer-social a:nth-child(3) { animation: socialFloat 3s ease-in-out infinite; animation-delay: 0.4s; }
.footer-social a:nth-child(4) { animation: socialFloat 3s ease-in-out infinite; animation-delay: 0.6s; }
.footer-social a:nth-child(5) { animation: socialFloat 3s ease-in-out infinite; animation-delay: 0.8s; }

@keyframes socialFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

.footer-bottom {
    position: relative;
    z-index: 1;
    padding: 1.5rem 0;
    text-align: center;
}

.footer-bottom p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    margin: 0;
    animation: fadeIn 1s ease-out 0.5s backwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ===== AUTH PAGES (LOGIN / FORGOT PASSWORD) ===== */
.auth-shell {
    min-height: calc(100vh - 160px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f6fb;
}
.auth-wrapper {
    max-width: 420px;
}
.auth-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 32px 30px 28px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.10);
    border: 1px solid rgba(148, 163, 184, 0.35);
}
.auth-logo {
    max-height: 52px;
    width: auto;
    margin-bottom: 18px;
    opacity: 0.85;
}
.auth-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 4px;
    color: #111827;
}
.auth-subtitle {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0;
}
.auth-label {
    font-size: 0.85rem;
    color: #4b5563;
    margin-bottom: 4px;
}
.auth-input {
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    font-size: 0.95rem;
    border: 1.5px solid #d1d5e6;
    background-color: #f5f7ff;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}
.auth-input:focus {
    border-color: var(--c-primary, #21215e);
    background-color: #eef3ff;
    box-shadow: 0 0 0 1px rgba(33, 33, 94, 0.15);
}
.auth-check {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}
.auth-check .form-check-input {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 4px;
}
.auth-check .form-check-label {
    font-size: 0.8rem;
    color: #4b5563;
}
.auth-submit {
    background: linear-gradient(135deg, var(--c-primary, #21215e), var(--c-accent, #0f609b));
    border: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.6rem 1rem;
    border-radius: 999px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
    box-shadow: 0 12px 32px rgba(33, 33, 94, 0.35);
}
.auth-submit:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 16px 40px rgba(33, 33, 94, 0.45);
}
.auth-submit:active {
    transform: translateY(0);
    box-shadow: 0 8px 24px rgba(33, 33, 94, 0.30);
}
.auth-link {
    color: var(--c-primary, #21215e);
}
.auth-link:hover {
    color: var(--c-accent, #0f609b);
}
.auth-alert {
    font-size: 0.85rem;
}
@media (max-width: 575.98px) {
    .auth-shell {
        min-height: calc(100vh - 120px);
    }
    .auth-card {
        padding-inline: 22px;
        padding-block: 24px;
        border-radius: 20px;
    }
}

/* About page */
.about-page {
    --about-card-bg: #ffffff;
    --about-card-border: rgba(15, 23, 42, 0.08);
    --about-card-shadow: 0 22px 45px -30px rgba(15, 23, 42, 0.4);
    --about-accent-1: rgba(37, 99, 235, 0.08);
    --about-accent-2: rgba(56, 189, 248, 0.05);
    --about-highlight: rgba(37, 99, 235, 0.10);
}
.about-page__section + .about-page__section {
    margin-top: clamp(2rem, 4vw, 3rem);
}
.about-page__panels {
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.about-page__panel {
    position: relative;
    padding: clamp(1.75rem, 3vw, 2.5rem);
    border-radius: 1.25rem;
    background: var(--about-card-bg);
    border: 1px solid var(--about-card-border);
    box-shadow: var(--about-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-page__panel::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(140deg, var(--about-accent-1), var(--about-accent-2));
    opacity: 0;
    transition: opacity 0.3s ease;
}
.about-page__panel > * {
    position: relative;
    z-index: 1;
}
.about-page__panel:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px -32px rgba(30, 64, 175, 0.35);
}
.about-page__panel:hover::before {
    opacity: 1;
}
.about-page__panel h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.45rem;
}
.about-page__feature-card {
    position: relative;
    padding: 1.9rem;
    border-radius: 1.25rem;
    border: 1px solid var(--about-card-border);
    background: var(--about-card-bg);
    box-shadow: 0 20px 45px -32px rgba(15, 23, 42, 0.45);
    transition: box-shadow 0.28s cubic-bezier(.4,1,.7,1), transform 0.22s cubic-bezier(.4,1,.7,1), background 0.22s cubic-bezier(.4,1,.7,1);
    will-change: transform, box-shadow, background;
    cursor: pointer;
}
.about-page__feature-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, var(--about-highlight), rgba(96, 165, 250, 0.08));
    opacity: 0;
    transition: opacity 0.22s cubic-bezier(.4,1,.7,1);
    pointer-events: none;
    z-index: 0;
}
.about-page__feature-card > * {
    position: relative;
    z-index: 1;
}
.about-page__feature-card:hover,
.about-page__feature-card:focus-visible {
    transform: translateY(-8px) scale(1.025);
    box-shadow: 0 32px 80px -32px rgba(37, 99, 235, 0.18), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
    background: #f8fafc;
}
.about-page__feature-card:hover::before,
.about-page__feature-card:focus-visible::before {
    opacity: 1;
}
.about-page__feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.85rem;
    display: grid;
    place-items: center;
    background: var(--about-highlight);
    color: #1d4ed8;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
}
.about-page__gallery-card {
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid var(--about-card-border);
    background: #f8fafc;
    box-shadow: 0 12px 30px -18px rgba(15, 23, 42, 0.35);
}
.about-page__gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
@media (max-width: 992px) {
    .about-page__panels {
        gap: 1.25rem;
    }
    .about-page__panel,
    .about-page__feature-card {
        padding: 1.75rem;
    }
}
@media (max-width: 768px) {
.about-page__feature-card {
        padding: 1.5rem;
    }
}
/* FAQ page */
.faq-page__hero .page-hero__title {
    max-width: 720px;
}
.faq-page__section {
    padding-top: clamp(2rem, 4vw, 3rem);
}
.faq-page__layout {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr;
    gap: clamp(1.5rem, 4vw, 2.75rem);
    align-items: start;
}
.faq-page__intro {
    padding: clamp(1.5rem, 3vw, 2rem);
    background: #fff;
    border: 1px solid var(--c-border, #e2e8f0);
    border-radius: 1.1rem;
    box-shadow: 0 18px 45px -28px rgba(15, 23, 42, 0.22);
}
.faq-page__title {
    margin: 0.35rem 0 0.75rem;
}
.faq-page__lead {
    color: var(--c-muted, #64748b);
    line-height: 1.75;
    display: grid;
    gap: 0.85rem;
}
.faq-page__lead a {
    color: var(--c-primary, #21215e);
    font-weight: 600;
}
.faq-page__content {
    padding: clamp(1.25rem, 3vw, 1.75rem);
    background: linear-gradient(135deg, rgba(var(--c-primary-rgb, 33, 33, 94), 0.04), rgba(14, 165, 233, 0.04));
    border-radius: 1.1rem;
    border: 1px solid rgba(15, 23, 42, 0.05);
    box-shadow: 0 16px 40px -30px rgba(15, 23, 42, 0.28);
}
.faq-page__empty {
    text-align: center;
    padding: 2rem 1.5rem;
    background: #fff;
    border: 1px dashed var(--c-border, #e2e8f0);
    border-radius: 1rem;
    color: var(--c-muted, #64748b);
}
.faq-page__empty-icon {
    font-size: 2.1rem;
    color: var(--c-primary, #21215e);
    margin-bottom: 0.6rem;
}
.faq-page__empty-text {
    margin: 0;
    font-weight: 600;
}
@media (max-width: 992px) {
    .faq-page__layout {
        grid-template-columns: 1fr;
    }
}
.page-body {
    background: #ffffff;
    border: 1px solid var(--c-border, #e2e8f0);
    border-radius: 1rem;
    padding: clamp(1.5rem, 3vw, 2rem);
    box-shadow: 0 18px 45px -28px rgba(15, 23, 42, 0.16);
    line-height: 1.7;
}
.page-body h2,
.page-body h3,
.page-body h4 {
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}
.page-body p {
    margin-bottom: 1rem;
}