:root{--bg:#f6f7fb;--panel:#fff;--glass:#ffffffa6;--text:#101828;--muted:#6b7280;--primary:#1f7cff;--primary-600:#1663cc;--danger:#ef4444;--danger-600:#c72f2f;--border:#e5e7eb;--ring:#dbeafe;--shadow:0 10px 30px #1018280f,0 2px 8px #1018280a}body{color:var(--text);background:radial-gradient(1200px 800px at -10% -10%,#e8f0ff 0%,transparent 60%),radial-gradient(1200px 800px at 110% 10%,#f7f5ff 0%,transparent 60%),var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}.admin-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--border);background:linear-gradient(#f8fbff,#fefefe);flex-direction:column;gap:18px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-title{letter-spacing:.12em;color:#0b1220;font-size:18px;font-weight:800}.side-tabs{flex-direction:column;gap:10px;display:flex}.tab{appearance:none;border:1px solid var(--border);color:#0b1220;cursor:pointer;text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;transition:all .15s;display:flex}.tab:hover{transform:translateY(-1px)}.tab.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.tab-ico{font-size:18px}.toast{color:#fff;box-shadow:var(--shadow);background:#0ea5e9;border-radius:10px;margin-top:auto;padding:10px 12px;font-weight:600}.error-banner{color:#7f1d1d;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-weight:600}.admin-main{padding:24px 28px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.admin-title{margin:0;font-size:24px}.grid-2{grid-template-columns:520px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.grid-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px)}.card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.divider{color:#334155;margin:16px 0 8px;font-weight:700}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#475569;letter-spacing:.02em;font-size:12px;font-weight:700}input[type=text],input[type=file],select,textarea{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border .15s,box-shadow .15s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spec-row{grid-template-columns:1fr 1fr 40px;align-items:center;gap:10px;display:grid}.btn{appearance:none;color:#111827;cursor:pointer;box-shadow:var(--shadow);background:#f3f4f6;border:none;border-radius:12px;padding:10px 14px;font-weight:700;transition:transform .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-600)}.btn.ghost{border:1px solid var(--border);background:0 0}.btn.outline{border:1px solid var(--border);background:#fff}.btn.icon{place-items:center;width:36px;height:36px;padding:0;display:grid}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:var(--danger-600)}.btn.icon.danger{color:#991b1b;background:#fee2e2}.lists{gap:18px;display:grid}.list-block{flex-direction:column;gap:10px;display:flex}.list-head{justify-content:space-between;align-items:center;display:flex}.search{border:1px solid var(--border);border-radius:12px;width:220px;padding:10px 12px;font-size:14px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.item-main{align-items:center;gap:12px;display:flex}.thumb{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:48px;height:48px}.text .title{font-weight:800}.text .sub{color:var(--muted);margin-top:3px;font-size:13px}.item-actions{gap:8px;display:flex}.empty{color:var(--muted);padding:12px}.actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#0003;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);width:min(520px,92vw);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:18px}.modal h3{margin-top:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=text],input[type=file],input[type=search],input[type=email],input[type=number],input[type=password],select,textarea{caret-color:#000;background-color:#fff;color:#000!important;-webkit-text-fill-color:#000!important}.field>span,label{color:#000!important}input::placeholder,textarea::placeholder{opacity:.6;color:#000!important}select,select option,select optgroup{background:#fff;color:#000!important}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill){transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff;-webkit-text-fill-color:#000!important}:is(input:autofill,textarea:autofill,select:autofill){transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff;-webkit-text-fill-color:#000!important}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}:root{--bg:#0b0b0c;--surface:#fff;--text:#0f172a;--muted:#6b7280;--primary:#1d4ed8;--light:#f6f7fb;--ring:#e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.app{background:var(--surface);min-height:100vh}.container{max-width:1140px;margin:0 auto;padding:0 20px}.py-64{padding:64px 0}.mb-12{margin-bottom:12px}.rounded{border-radius:14px}.row{align-items:center;display:flex}.gap{gap:12px}.nav{border-bottom:1px solid var(--ring);z-index:40;background:#fff;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-weight:800}.menu{gap:20px;display:flex}.menu a{color:#334155;font-weight:500;text-decoration:none}.menu a.active{color:var(--primary)}.auth{gap:10px;display:flex}.nav .logo{align-items:center;margin-left:-7px;text-decoration:none;display:inline-flex}.logo-img{will-change:opacity,transform;height:60px;transition:opacity .35s,transform .35s;animation:.6s ease-out logoFadeIn;display:block}.logo:hover .logo-img{animation:1.8s ease-in-out infinite logoPulse}.logo-img.pulse{animation:3.2s ease-in-out infinite logoPulse}.logo:focus-visible .logo-img{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPulse{0%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.75;transform:scale(1)}}.btn{border:1px solid var(--ring);cursor:pointer;background:#fff;border-radius:10px;padding:10px 16px;font-weight:600}.btn.ghost{background:0 0}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.lg{border-radius:12px;padding:14px 22px;font-size:15px}.hero{background-position:50%;background-size:cover;height:56vh;min-height:420px;position:relative}.hero-overlay{background:#00000040;position:absolute;inset:0}.hero-inner{flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex;position:relative}.hero-title{color:#fff;letter-spacing:.3px;margin:0;font-size:48px}.hero-sub{color:#e5e7eb;margin:0 0 6px}.section{padding:72px 0}.section.light{background:var(--light)}.section-title{text-align:center;margin:0 0 28px;font-size:32px}.card{border:1px solid var(--ring);background:#fff;border-radius:16px;padding:22px}.card.center{text-align:center}.icon-xl{margin-bottom:10px;font-size:36px}.muted{color:var(--muted)}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.two-col{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.carousel{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.product{border:1px solid var(--ring);background:#fff;border-radius:16px;overflow:hidden}.product img{object-fit:cover;width:100%;height:200px;display:block}.product-title{color:#111827;padding:12px 14px;font-size:14px}.partners{opacity:.7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;display:flex}.partners img{filter:grayscale();height:28px}.subhero{background:var(--light);padding:48px 0}.subhero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.subhero-media,.about-art{background:linear-gradient(135deg,#eef2ff,#f5f7ff);border:1px dashed #c7d2fe;border-radius:16px;height:220px}.contact-grid{grid-template-columns:.7fr 1.3fr;gap:18px;display:grid}.contact-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.form label{gap:6px;margin-bottom:12px;font-weight:600;display:grid}.form input,.form textarea{border:1px solid var(--ring);font:inherit;border-radius:10px;padding:12px 14px}.map{object-fit:cover;border:1px solid var(--ring);border-radius:16px;width:100%;height:360px}.timeline{gap:14px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.timeline .bullet{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.team-card{border:1px solid var(--ring);background:#fff;border-radius:16px;overflow:hidden}.team-card img{object-fit:cover;width:100%;height:180px}.team-info{padding:12px 14px}.team-name{font-weight:700}.team-role{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--ring);background:#fff;margin-top:40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;padding:36px 0;display:grid}.footer-grid h4{margin:0 0 10px}.footer-grid ul{color:#374151;gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-bottom{border-top:1px solid var(--ring);color:#6b7280;padding:16px 0}.footer-logo{align-items:center;margin-bottom:12px;text-decoration:none;display:inline-flex}.footer-logo-img{height:80px;transition:transform .2s,opacity .2s;display:block}.footer-logo:hover .footer-logo-img{opacity:.95;transform:translateY(-1px)}.footer-contact{border-top:1px solid var(--ring);border-bottom:1px solid var(--ring);background:var(--light);padding:20px 0 18px}.fc-item{color:inherit;align-items:flex-start;gap:14px;text-decoration:none;display:flex}.fc-icon{--accent:#14b39a;background:color-mix(in srgb,var(--surface)70%,var(--accent)30%);width:48px;height:48px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)35%,white 65%);border-radius:12px;flex:none;place-items:center;display:grid}.fc-text .fc-label{color:#0f766e;margin-bottom:4px;font-weight:700}.fc-text .fc-value{color:#374151}.social-row{align-items:center;gap:16px;display:flex}.social-disc{--size:46px;width:var(--size);height:var(--size);background:radial-gradient(120% 120% at 30% 10%,#eef6ff 0%,#eafbf4 55%,#eef2ff 100%);border:1px solid #dbe2f2;border-radius:999px;place-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:inset 0 1px #fffc,0 6px 14px #11182714}.social-disc:hover{border-color:#cfd8ea;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 10px 22px #1118271f}.social-disc:active{transform:translateY(0)}.social-ico{color:#0f172a;stroke-width:2.2px;width:22px;height:22px}.fc-social{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.fc-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;display:grid}.fc-item{min-height:56px;color:inherit;grid-template-columns:56px 1fr;column-gap:14px;text-decoration:none;display:grid}.fc-icon{color:#0f766e;background:linear-gradient(#d8f3ee 0%,#e9f7f3 100%);border:1px solid #cfe9e3;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.fc-icon svg{width:26px;height:26px}.fc-text{flex-direction:column;justify-content:center;min-height:56px;line-height:1.35;display:flex}.fc-text .fc-label{color:#0f766e;margin:0 0 4px;font-weight:700}.fc-text .fc-value{color:#374151;margin:0}@media (max-width:960px){.fc-grid{grid-template-columns:1fr;gap:16px}.fc-item{justify-content:flex-start}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.two-col,.subhero-inner,.contact-grid,.carousel{grid-template-columns:1fr}}.brand-strip{padding-top:8px}.brand-grid{grid-template-columns:repeat(4,minmax(160px,1fr));place-items:center;gap:80px;display:grid}.brand-cell{padding:0}.brand-logo{object-fit:contain;opacity:1;max-width:200px;height:40px;transition:transform .2s,opacity .2s;filter:none!important}.brand-item:hover .brand-logo,.brand-cell:hover .brand-logo{transform:translateY(-1px)scale(1.02)}.brand-item:active .brand-logo,.brand-cell:active .brand-logo{transform:scale(.98)}@media (max-width:1200px){.brand-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:64px}}@media (max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:48px}}@media (max-width:560px){.brand-grid{grid-template-columns:1fr;gap:36px}}.hero{position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.hero-video.active{opacity:1}.hero-overlay,.hero-inner{z-index:1;position:relative}.hero-card{-webkit-backdrop-filter:blur(6px)saturate(1.15);background:#f5f7fa73;border:1px solid #ffffff8c;border-radius:20px;max-width:920px;padding:18px 22px;animation:.65s both slideFade;display:inline-block;box-shadow:0 12px 40px #0000002e}.hero-title-panel{color:#0f172a;letter-spacing:.3px;margin:0 0 8px;font-size:clamp(32px,6vw,56px);line-height:1.05}.hero-sub-panel{color:#334155;margin:0 0 12px}.hero-cta{border-radius:12px;width:auto;max-width:max-content;padding:10px 18px;font-size:15px}@keyframes slideFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.grid-3{align-items:stretch}.feature-card .icon-xl{margin:0 auto;font-size:36px}.feature-text{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;margin:0;line-height:1.55}@supports (text-wrap:pretty){.feature-text{text-wrap:pretty}}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .6s,transform .6s;transform:translateY(18px)scale(.98)}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(14px)}.reveal.is-visible .reveal-stagger>*{opacity:1;transform:none}.reveal.is-visible .reveal-stagger>:first-child{transition-delay:50ms}.reveal.is-visible .reveal-stagger>:nth-child(2){transition-delay:.12s}.reveal.is-visible .reveal-stagger>:nth-child(3){transition-delay:.19s}.reveal.is-visible .reveal-stagger>:nth-child(4){transition-delay:.26s}.reveal.is-visible .reveal-stagger>:nth-child(5){transition-delay:.33s}.reveal.is-visible .reveal-stagger>:nth-child(6){transition-delay:.4s}.hero-overlay-strong{background:linear-gradient(#0000008c 0%,#00000059 45%,#00000040 100%)}.hero-title-glow{color:#fff;text-shadow:0 2px 22px #0000008c,0 0 2px #000000b3;letter-spacing:.4px;animation:.8s ease-out both heroIn}.hero-sub{color:#ffffffeb;animation:.9s 80ms both fadeUp}.hero-cta{border-radius:12px;width:auto;max-width:max-content;padding-inline:18px;animation:.9s .16s both fadeUp;display:inline-flex}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.feature-card{text-align:left;grid-template-rows:auto auto 1fr;gap:10px;display:grid}.feature-card .icon-xl{margin:0 auto}.feature-title{text-align:center;margin:0}.feature-text{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:1.55}.about-hero{--img:var(--about-hero);isolation:isolate;background:#eef2ff;min-height:clamp(360px,42vh,520px);position:relative;overflow:hidden}.about-hero:before{content:"";background:linear-gradient(180deg,#00000061 0%,#00000047 45%,#0000002e 100%),var(--img)center/cover no-repeat;z-index:-1;position:absolute;inset:0}.about-hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:54px 0;display:grid}.about-hero-copy{gap:10px;display:grid}.about-title{letter-spacing:.2px;color:#fff;text-shadow:0 2px 22px #00000073;margin:0;font-size:clamp(40px,6.8vw,72px);line-height:1.05;animation:.75s both heroIn}.accent-underline{background:linear-gradient(#10b981,#10b981) 0 100%/0% .18em no-repeat;padding-bottom:.1em;transition:background-size .45s}.about-title:hover .accent-underline{background-size:100% .18em}.about-kicker{color:#ffffffeb;margin:0;font-size:clamp(16px,2.2vw,19px);animation:.85s 80ms both fadeUp}@media (max-width:960px){.about-hero-inner{grid-template-columns:1fr;gap:18px}.about-hero-glass{order:2;height:180px}}.about-content p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.65}.about-content .two-col{align-items:start}.about-poster-wrap{border:1px solid var(--ring);border-radius:16px;align-self:start;overflow:hidden;box-shadow:0 10px 28px #00000014}.about-poster{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:960px){.about-poster{aspect-ratio:16/9;object-fit:cover}}.contact-item{grid-template-columns:36px 1fr;align-items:start;gap:10px;display:grid}.contact-ico{color:#0f766e;background:linear-gradient(#d1fae5,#e6f6ff);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.social-badges{gap:12px;display:flex}.sb{color:#0f172a;background:radial-gradient(120% 120% at 10% 0,#eef7ff,#eaf7f4);border-radius:999px;place-items:center;width:44px;height:44px;transition:transform .15s,box-shadow .15s,opacity .15s;display:grid;box-shadow:inset 0 0 0 1px #0f172a0f,0 1px 3px #00000014}.sb:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.sb:active{opacity:.9;transform:none}.map-embed{border:1px solid var(--ring);background:#f8fafc;border-radius:16px;width:100%;height:420px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.map-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (max-width:960px){.map-embed{height:320px}}.route-fade{animation:.28s both routeFade}@keyframes routeFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.route-change-bar{background:var(--primary);z-index:9999;width:0;height:3px;animation:.7s ease-out forwards routeProgress;position:fixed;top:0;left:0}@keyframes routeProgress{0%{width:0}to{width:100%}}.page-hero{height:48vh;min-height:360px;position:relative;overflow:hidden}.page-hero:before{content:"";background-image:var(--hero-url);filter:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.page-hero__overlay{z-index:1;background:linear-gradient(#0000008c 0%,#00000059 45%,#00000040 100%);position:absolute;inset:0}.page-hero__inner{z-index:2;flex-direction:column;justify-content:center;gap:12px;height:100%;display:flex;position:relative}.page-hero__title{color:#fff;text-shadow:0 2px 22px #0000008c,0 0 2px #000000b3;letter-spacing:.4px;margin:0;font-size:clamp(40px,7vw,72px);line-height:1.02;animation:.8s ease-out both heroIn}.page-hero__sub{color:#ffffffeb;max-width:920px;margin:0 0 6px;animation:.9s 80ms both fadeUp}@media (hover:hover){.page-hero:before{will-change:transform;transition:transform .8s,filter .6s}.page-hero:hover:before{transform:scale(1.03)}.page-hero__overlay{transition:background .35s}.page-hero:hover .page-hero__overlay{background:linear-gradient(#00000073 0%,#00000047 45%,#0000002e 100%)}.page-hero .hero-cta{transition:transform .18s,box-shadow .18s,opacity .18s}.page-hero .hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px #1118272e}.page-hero .hero-cta:active{transform:translateY(0);box-shadow:0 6px 14px #11182724}.page-hero .btn.ghost{color:#fff;background:0 0;border-color:#ffffff8c}.page-hero .btn.ghost:hover{background:#ffffff24;border-color:#ffffffbf}}.btn.primary:hover{filter:brightness(1.03);box-shadow:0 8px 18px #1d4ed838}.btn.primary:active{box-shadow:none}
