:root{--brand:#0a74ff;--brand-deep:#0a4c9a;--brand-soft:#e8f1ff;--accent:#d0181b;--ink:#0b1220;--ink-2:#1d2433;--muted:#5d6679;--line:#e5e8ef;--bg:#f7f8fb;--surface:#fff;--dark:#070b14;--radius-sm:10px;--radius:18px;--radius-lg:28px;--shadow-sm:0 1px 2px #0b12200a,0 2px 8px #0b12200a;--shadow:0 1px 2px #0b12200a,0 12px 32px -8px #0b12201a;--shadow-lg:0 30px 80px -20px #0a286440;--ease:cubic-bezier(0.22,1,0.36,1);--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--primary-red:#be0f0f;--primary-blue:#0282ff;--primary-dark:#0a4c9a;--gradient-blue:linear-gradient(135deg,#0282ff 50%,#0a4c9a);--gradient-red:linear-gradient(135deg,#be0f0f 50%,#8b0000);--text-dark:#1a1a1a;--text-gray:#666;--bg-light:#f8f9fa;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;background:var(--bg);color:#0b1220;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font);line-height:1.6;overflow-x:hidden}::selection{background:#0a74ff;background:var(--brand);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 24px}a{color:inherit;text-decoration:none}ul{list-style:none}img{height:auto;max-width:100%}:focus-visible{border-radius:6px;outline:2px solid #0a74ff;outline:2px solid var(--brand);outline-offset:3px}.navbar{left:0;padding:0 16px;pointer-events:none;position:fixed;right:0;top:16px;transition:transform .5s var(--ease),top .4s var(--ease);z-index:1000}.navbar.hidden{transform:translateY(-140%)}.navbar-inner{align-items:center;background:#fff0;border:1px solid #0000;border-radius:999px;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 10px 10px 14px;pointer-events:auto;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,max-width .5s var(--ease)}.navbar.scrolled .navbar-inner{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background:#ffffffb8;border-color:#e5e8efe6;box-shadow:0 10px 40px -12px #0b122026;max-width:1080px}.navbar-logo{align-items:center;display:flex;gap:12px;position:relative;z-index:2}.logo-mark{background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line);display:grid;height:42px;overflow:hidden;place-items:center;transition:transform .6s var(--ease);width:42px}.logo-mark img{max-width:none;width:120%}.navbar-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.05)}.logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-title{color:var(--ink);font-size:17px;font-weight:800;letter-spacing:.08em}.logo-sub{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em}.nav-menu{align-items:center;display:flex;gap:4px}.nav-link{border-radius:999px;color:var(--muted);display:block;font-size:14.5px;font-weight:500;padding:9px 16px;position:relative;transition:color .3s ease,background .3s ease}.nav-link:hover{background:#0b12200d}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link.active:after{background:var(--accent);border-radius:50%;bottom:3px;content:"";height:4px;left:50%;margin-left:-2px;position:absolute;width:4px}.nav-item-cta{margin-left:8px}.nav-cta{font-size:14px;padding:11px 20px}.menu-toggle{background:var(--surface);border:1px solid var(--line);border-radius:50%;cursor:pointer;display:none;height:44px;position:relative;width:44px;z-index:2}.menu-toggle span{background:var(--ink);border-radius:2px;height:1.5px;left:13px;position:absolute;right:13px;transition:transform .4s var(--ease),top .4s var(--ease)}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:25px}.navbar.open .menu-toggle span:first-child{top:21px;transform:rotate(45deg)}.navbar.open .menu-toggle span:last-child{top:21px;transform:rotate(-45deg)}@media (max-width:960px){.navbar{padding:0 10px;top:10px}.navbar-inner{padding:8px 8px 8px 10px}.navbar.open .navbar-inner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-color:#0000;box-shadow:none}.menu-toggle{display:block}.nav-menu{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f8fbf7;flex-direction:column;gap:0;inset:0;justify-content:center;opacity:0;padding:100px 28px 40px;position:fixed;transition:opacity .4s ease,visibility .4s;visibility:hidden;z-index:1}.navbar.open .nav-menu{opacity:1;visibility:visible}.nav-item{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i)*60ms + 80ms)}.navbar.open .nav-item{opacity:1;transform:none}.nav-link{border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font-size:32px;font-weight:600;letter-spacing:-.03em;padding:14px 0}.nav-link:hover{background:#0000}.nav-link.active,.nav-link:hover{color:var(--brand)}.nav-link.active:after{display:none}.nav-item-cta{margin:32px 0 0}.nav-cta{font-size:16px;padding:16px;width:100%}}@media (max-width:400px){.logo-sub{display:none}}.footer{background:var(--dark);color:#ffffff9e;overflow:hidden;padding:96px 0 32px;position:relative}.footer-glow{background:radial-gradient(closest-side,#0a74ff59,#0000);bottom:-320px;filter:blur(40px);height:500px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:900px}.footer .container{position:relative}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1.6fr 1fr 1.2fr 1.4fr}.footer-brand h3{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.footer-brand p{font-size:15px;max-width:340px}.footer-section h4{color:#fff6;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.footer-section ul li{margin-bottom:12px}.footer-section ul a{font-size:15px;position:relative;transition:color .3s ease}.footer-section ul a:after{background:currentColor;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease);width:100%}.footer-section ul a:hover{color:#fff}.footer-section ul a:hover:after{transform:scaleX(1);transform-origin:left}.contact-info p{display:flex;font-size:15px;gap:12px;margin-bottom:14px}.contact-info svg{color:var(--brand);flex-shrink:0;margin-top:5px}.footer-wordmark{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ffffff24,#fff0);-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,21vw,290px);font-weight:800;letter-spacing:-.06em;line-height:.8;margin:72px 0 8px;text-align:center;-webkit-user-select:none;user-select:none}.footer-bottom{border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;padding-top:28px}.back-to-top,.footer-bottom{align-items:center;font-size:13px}.back-to-top{background:none;border:1px solid #ffffff26;border-radius:999px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;padding:8px 16px;transition:all .3s ease}.back-to-top:hover{border-color:#ffffff80;color:#fff}.back-to-top svg{transition:transform .4s var(--ease)}.back-to-top:hover svg{transform:translateY(-3px)}@media (max-width:960px){.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer{padding-top:72px}.footer-content{gap:36px;grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}}.whatsapp-float{animation:waIn .8s var(--ease) 1s both;background:#25d366;border-radius:50%;bottom:24px;box-shadow:0 12px 30px -8px #25d36699;color:#fff;display:grid;font-size:28px;height:56px;place-items:center;position:fixed;right:24px;transition:transform .4s var(--ease),box-shadow .4s var(--ease);width:56px;z-index:999}.whatsapp-float:before{animation:waPulse 2.4s ease-out infinite;border:2px solid #25d366;border-radius:50%;content:"";inset:0;position:absolute}.whatsapp-float:hover{box-shadow:0 18px 40px -8px #25d366b3;transform:translateY(-4px) scale(1.06)}@keyframes waIn{0%{opacity:0;transform:translateY(20px) scale(.6)}to{opacity:1;transform:none}}@keyframes waPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (max-width:768px){.whatsapp-float{bottom:18px;font-size:26px;height:52px;right:18px;width:52px}}.hero{align-items:center;background:var(--surface);display:flex;min-height:100vh;overflow:hidden;padding:150px 0 110px;position:relative}.hero-grid{animation:gridPan 30s linear infinite;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,#0000 75%)}@keyframes gridPan{to{background-position:56px 56px}}.hero-container{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1.15fr 1fr;position:relative;width:100%;z-index:1}.hero-badge{align-items:center;background:#fffc;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--muted);display:inline-flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:28px;padding:7px 16px 7px 12px}.pulse-dot{height:8px;position:relative;width:8px}.pulse-dot,.pulse-dot:after{background:#22c55e;border-radius:50%}.pulse-dot:after{animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite;content:"";inset:0;position:absolute}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}.hero-title{color:var(--ink);font-size:clamp(42px,6.2vw,80px);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin-bottom:28px}.hero-subtitle{color:var(--muted);font-size:clamp(17px,1.5vw,19px);margin-bottom:40px;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{--rx:0deg;--ry:0deg;height:460px;perspective:1200px;position:relative}.deck{inset:40px 20px 60px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s var(--ease)}.deck,.deck-card{position:absolute}.deck-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);inset:0;overflow:hidden;transition:transform .9s var(--ease),opacity .7s ease,filter .7s ease;will-change:transform}.deck-card:before{background:var(--c);content:"";height:3px;inset:0 0 auto 0;position:absolute}.deck-card.pos-0{transform:translateZ(40px);z-index:3}.deck-card.pos-1{filter:saturate(.4);opacity:.85;transform:translateY(-26px) translateZ(0) scale(.93);z-index:2}.deck-card.pos-2{filter:saturate(.2);opacity:.55;transform:translateY(-50px) translateZ(-40px) scale(.86);z-index:1}.deck-card.pos-3{opacity:0;transform:translateY(-70px) scale(.8);z-index:0}.deck-chrome{align-items:center;background:var(--bg);border-bottom:1px solid var(--line);display:flex;gap:7px;padding:16px 20px}.deck-chrome span{background:#e2e5ec;border-radius:50%;height:10px;width:10px}.deck-chrome span:first-child{background:#ff6159}.deck-chrome span:nth-child(2){background:#ffbd2e}.deck-chrome span:nth-child(3){background:#28c941}.deck-chrome em{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-family:var(--mono);font-size:11px;font-style:normal;margin-left:12px;padding:3px 10px}.deck-body{padding:32px 32px 36px}.deck-icon{background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:16px;color:var(--c);display:grid;font-size:26px;height:60px;margin-bottom:24px;place-items:center;width:60px}.deck-body h3{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.deck-body p{color:var(--muted);font-size:15px;max-width:360px}.deck-skeleton{grid-gap:10px;display:grid;gap:10px;margin-top:28px}.deck-skeleton i{animation:shimmer 2.2s linear infinite;background:linear-gradient(90deg,var(--line),#f3f5f9,var(--line));background-size:200% 100%;border-radius:99px;display:block;height:9px}.deck-card.pos-0 .deck-skeleton i{animation:grow 1s var(--ease) both,shimmer 2.2s linear infinite}.deck-card.pos-0 .deck-skeleton i:nth-child(2){animation-delay:.1s,0s}.deck-card.pos-0 .deck-skeleton i:nth-child(3){animation-delay:.2s,0s}@keyframes shimmer{to{background-position:-200% 0}}@keyframes grow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.float-chip{align-items:center;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;z-index:5}.chip-a{bottom:110px;left:-18px}.chip-b{animation-delay:-3s;right:-8px;top:10px}.chip-dot{background:var(--brand);border-radius:50%;height:8px;width:8px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.deck-indicators{bottom:8px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0}.indicator{background:#cfd4de;border:none;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:width .5s var(--ease),background .3s ease;width:8px}.indicator.active{background:var(--ink);width:28px}.marquee{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:26px 0}.marquee-track{animation:marquee 40s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{align-items:center;color:var(--ink);display:inline-flex;font-size:clamp(20px,2.4vw,30px);font-weight:600;gap:40px;letter-spacing:-.03em;padding-right:40px;white-space:nowrap}.marquee-star{color:var(--brand);font-size:.6em}@keyframes marquee{to{transform:translateX(-50%)}}.section-head.split{align-items:flex-end;display:flex;gap:32px;justify-content:space-between;max-width:none}.section-head.split .section-title{margin-bottom:0;max-width:640px}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:340px;padding:36px;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s ease}.service-card:hover{border-color:#d3d9e4;box-shadow:var(--shadow);transform:translateY(-6px)}.service-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:auto;padding-bottom:48px}.service-icon{background:var(--brand-soft);border-radius:16px;color:var(--brand);display:grid;font-size:24px;height:56px;place-items:center;transition:transform .6s var(--ease),background .4s ease,color .4s ease;width:56px}.service-card:hover .service-icon{background:var(--brand);color:#fff;transform:rotate(-8deg) scale(1.08)}.service-index{color:#aab1c0;font-family:var(--mono);font-size:13px}.service-title{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.service-description{color:var(--muted);font-size:15px;margin-bottom:24px}.service-link{align-items:center;color:var(--ink);display:inline-flex;font-size:14px;font-weight:600;gap:8px}.service-link svg{transition:transform .4s var(--ease)}.service-card:hover .service-link{color:var(--brand)}.service-card:hover .service-link svg{transform:translateX(5px)}.process{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;position:relative}.process-grid:before{background:linear-gradient(90deg,var(--brand),var(--brand-deep) 60%,var(--accent));content:"";height:1px;left:0;opacity:.35;position:absolute;right:0;top:22px}.process-step{padding:0 28px 0 0;position:relative}.process-num{background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--brand);display:inline-grid;font-family:var(--mono);font-size:13px;font-weight:500;height:44px;margin-bottom:28px;place-items:center;position:relative;transition:background .4s ease,color .4s ease,transform .5s var(--ease);width:44px}.process-step:hover .process-num{background:var(--ink);color:#fff;transform:scale(1.1)}.process-step h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.process-step p{color:var(--muted);font-size:15px}.why-us-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.1fr 1fr}.why-us-text .section-subtitle{margin-bottom:40px}.features-list{grid-gap:8px;display:grid;gap:8px}.feature-item{border-radius:var(--radius);display:flex;gap:18px;margin:0 -18px;padding:18px;transition:background .4s ease}.feature-item:hover{background:var(--surface)}.feature-icon{background:var(--brand-soft);border-radius:12px;color:var(--brand);display:grid;flex-shrink:0;font-size:18px;height:44px;place-items:center;width:44px}.feature-item strong{display:block;font-size:17px;margin-bottom:4px}.feature-item p{color:var(--muted);font-size:15px}.why-us-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 28px;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.stat-card:nth-child(2),.stat-card:nth-child(4){transform:translateY(32px)}.stat-card:hover{box-shadow:var(--shadow)}.stat-card:first-child{background:var(--ink);border-color:var(--ink)}.stat-card:first-child h3{color:#fff}.stat-card:first-child p{color:#fff9}.stat-card h3{font-feature-settings:"tnum";font-size:clamp(40px,4.5vw,56px);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.045em;line-height:1;margin-bottom:12px}.stat-card p{color:var(--muted);font-size:15px}.cta-section{padding:0 0 120px}.cta-card{background:radial-gradient(ellipse at 50% 120%,#0a4c9a 0,#0000 60%),linear-gradient(180deg,#0b1220,#070b14);border-radius:36px;color:#fff;overflow:hidden;padding:110px 32px;position:relative;text-align:center}.cta-rings{display:grid;inset:0;place-items:center;pointer-events:none;position:absolute}.cta-rings span{animation:ring 6s linear infinite;border:1px solid #ffffff1f;border-radius:50%;height:300px;position:absolute;width:300px}.cta-rings span:nth-child(2){animation-delay:-2s}.cta-rings span:nth-child(3){animation-delay:-4s}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.4)}}.cta-card>:not(.cta-rings){position:relative}.cta-eyebrow{color:#8cc0ff}.cta-card h2{font-size:clamp(32px,5vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 auto 20px;max-width:760px}.cta-card p{color:#ffffffa6;font-size:18px;margin:0 auto 40px;max-width:520px}@media (max-width:1024px){.hero-container{gap:48px;grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{margin:0 auto;max-width:520px;width:100%}.why-us-content{gap:56px;grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;row-gap:48px}.process-grid:before{display:none}}@media (max-width:640px){.hero{padding:120px 0 72px}.hero-visual{height:400px}.deck{inset:40px 0 50px}.deck-body{padding:24px}.deck-body h3{font-size:22px}.chip-a{bottom:auto;left:0;top:10px}.chip-b{right:0}.hero-buttons .btn{flex:1 1 auto}.section-head.split{align-items:flex-start;flex-direction:column}.service-card{min-height:0;padding:28px}.process-grid{grid-template-columns:1fr}.stat-card{padding:28px 20px}.stat-card:nth-child(2),.stat-card:nth-child(4){transform:none}.cta-section{padding-bottom:80px}.cta-card{border-radius:28px;padding:80px 24px}}.products-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.jump-chip{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px;transition:transform .4s var(--ease),border-color .3s ease,box-shadow .4s ease}.jump-chip:hover{border-color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.products-page{padding:40px 0 80px}.products-empty{color:var(--muted);padding:100px 0;text-align:center}.products-empty p{margin-bottom:24px}.product-detail{grid-gap:80px;align-items:center;border-bottom:1px solid var(--line);display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:90px 0;scroll-margin-top:80px}.product-detail:last-child{border-bottom:none}.product-right .product-content{order:2}.product-right .product-image{order:1}.product-index{color:var(--c);display:inline-block;font-family:var(--mono);font-size:13px;margin-bottom:18px}.product-content h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:18px}.product-description{color:var(--muted);font-size:17px;margin-bottom:32px}.product-features{margin-bottom:40px}.product-features h4{color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.product-features ul{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:1fr 1fr}.product-features li{align-items:flex-start;display:flex;font-size:15px;font-weight:500;gap:12px}.check-icon{background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:50%;color:var(--c);display:grid;flex-shrink:0;font-size:10px;height:22px;margin-top:1px;place-items:center;width:22px}.image-placeholder{aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 14%,#fff),var(--surface) 70%);border:1px solid var(--line);border-radius:32px;display:grid;max-height:480px;overflow:hidden;place-items:center;position:relative;width:100%}.image-placeholder .grid-bg{-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 10%,#0000 70%);mask-image:radial-gradient(circle at 50% 50%,#000 10%,#0000 70%)}.orbit{animation:spin 40s linear infinite;border:1px dashed color-mix(in srgb,var(--c) 35%,#0000);border-radius:50%;position:absolute}.orbit:after{background:var(--c);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 18%,#0000);content:"";height:10px;left:50%;position:absolute;top:-5px;width:10px}.orbit-1{height:62%;width:62%}.orbit-2{animation-direction:reverse;animation-duration:60s;height:86%;width:86%}.orbit-2:after{background:var(--accent);box-shadow:0 0 0 5px #d0181b26}.product-glyph{animation:glyphFloat 6s ease-in-out infinite;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 60%,#000));border-radius:34px;box-shadow:0 30px 60px -20px color-mix(in srgb,var(--c) 70%,#0000);color:#fff;display:grid;font-size:54px;height:130px;place-items:center;position:relative;width:130px}@keyframes glyphFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-3deg)}}@media (max-width:960px){.product-detail{gap:48px;grid-template-columns:1fr;padding:64px 0}.product-right .product-content,.product-right .product-image{order:0}.product-image{order:-1!important}.image-placeholder{aspect-ratio:16/10}}@media (max-width:560px){.product-features ul{grid-template-columns:1fr}.product-glyph{border-radius:26px;font-size:40px;height:96px;width:96px}}.about-page{padding:120px 0}.about-story{grid-gap:90px;align-items:center;display:grid;gap:90px;grid-template-columns:1.15fr 1fr;margin-bottom:140px}.about-text h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:28px}.about-text p{color:var(--muted);font-size:16.5px;margin-bottom:18px}.about-text .about-lead{color:var(--ink);font-size:20px;line-height:1.5}.about-text strong{color:var(--brand);font-weight:600}.about-visual{padding:30px;position:relative}.about-logo-card{aspect-ratio:1/1;background:var(--surface);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow-lg);display:grid;overflow:hidden;place-items:center;position:relative}.about-logo-card img{animation:logoBreath 7s ease-in-out infinite;position:relative;width:62%}@keyframes logoBreath{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.04) rotate(-2deg)}}.about-ring{animation:spin 50s linear infinite;border:1px solid var(--line);border-radius:50%;position:absolute}.about-ring:after{background:var(--brand);border-radius:50%;content:"";height:10px;position:absolute;right:-5px;top:50%;width:10px}.ring-1{inset:8%}.ring-2{animation-direction:reverse;animation-duration:36s;inset:18%}.ring-2:after{background:var(--accent)}.about-badge{animation:badgeFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:16px 20px;position:absolute}.about-badge strong{font-size:20px;letter-spacing:-.02em}.about-badge span{color:var(--muted);font-size:12px}.badge-since{bottom:60px;left:0}.badge-since strong{color:var(--brand);font-size:30px;line-height:1}.badge-group{animation-delay:-3s;right:0;top:50px}.badge-group strong{font-size:15px}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.values-section{margin-bottom:120px}.values-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.value-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 34px;position:relative;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.value-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.value-num{color:#aab1c0;font-family:var(--mono);font-size:13px;position:absolute;right:30px;top:28px}.value-icon{background:var(--brand-soft);border-radius:16px;color:var(--brand);display:grid;font-size:22px;height:56px;margin-bottom:56px;place-items:center;transition:transform .6s var(--ease),background .4s ease,color .4s ease;width:56px}.value-card:hover .value-icon{background:var(--brand);color:#fff;transform:rotate(-8deg) scale(1.08)}.value-card h3{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.value-card p{color:var(--muted);font-size:15px}.about-cta{align-items:center;background:var(--ink);border-radius:var(--radius-lg);color:#fff;display:flex;gap:24px;justify-content:space-between;padding:40px 44px}.about-cta h3{font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.03em}.about-cta .btn-primary{background:#fff;color:var(--ink)}.about-cta .btn-primary:hover{color:#fff}@media (max-width:960px){.about-page{padding:80px 0}.about-story{gap:48px;grid-template-columns:1fr;margin-bottom:96px}.about-visual{margin:0 auto;max-width:460px;width:100%}.values-grid{grid-template-columns:1fr}.values-section{margin-bottom:80px}.about-cta{align-items:flex-start;flex-direction:column;padding:32px 28px}}.portfolio-page{padding:64px 0 120px}.portfolio-filters{background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:48px;padding:5px}.filter-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .4s var(--ease),color .3s ease}.filter-btn:hover{color:var(--ink)}.filter-btn.active{background:var(--ink);color:#fff}.filter-count{background:#0b122012;border-radius:99px;font-family:var(--mono);font-size:11px;font-weight:500;padding:1px 7px}.filter-btn.active .filter-count{background:#ffffff2e}.portfolio-grid{grid-gap:28px 24px;display:grid;gap:28px 24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.portfolio-card{animation:cardIn .8s var(--ease) 0ms backwards;animation:cardIn .8s var(--ease) var(--d,0ms) backwards;display:block}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}}.portfolio-image{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;position:relative}.portfolio-image img{height:100%;object-fit:cover;transition:transform 1s var(--ease);width:100%}.portfolio-card:hover .portfolio-image img{transform:scale(1.06)}.portfolio-img-placeholder{background:linear-gradient(135deg,#f1f4f9,#e8edf5);color:#c3c9d5;display:grid;font-size:44px;height:100%;place-items:center;width:100%}.portfolio-arrow{background:#fff;border-radius:50%;box-shadow:var(--shadow);color:var(--ink);display:grid;height:46px;opacity:0;place-items:center;position:absolute;right:18px;top:18px;transform:scale(.6) rotate(0deg);transition:opacity .4s ease,transform .5s var(--ease);width:46px}.portfolio-arrow svg{transform:rotate(45deg)}.portfolio-card:hover .portfolio-arrow{opacity:1;transform:scale(1)}.portfolio-info{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:18px 4px 0}.portfolio-info h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px;transition:color .3s ease}.portfolio-card:hover .portfolio-info h3{color:var(--brand)}.portfolio-info p{color:var(--muted);font-size:14px}.portfolio-category{border:1px solid var(--line);border-radius:99px;color:var(--muted);flex-shrink:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:5px 10px;text-transform:uppercase}.portfolio-empty{background:var(--surface);border:1px dashed #d3d9e4;border-radius:var(--radius-lg);padding:80px 24px;text-align:center}.empty-icon{animation:emptyBob 4s ease-in-out infinite;background:var(--brand-soft);border-radius:22px;color:var(--brand);display:grid;font-size:28px;height:72px;margin:0 auto 24px;place-items:center;width:72px}@keyframes emptyBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-4deg)}}.portfolio-empty h3{font-size:24px;letter-spacing:-.02em;margin-bottom:8px}.portfolio-empty p{color:var(--muted);margin:0 auto 28px;max-width:400px}@media (max-width:560px){.portfolio-page{padding:48px 0 80px}.portfolio-filters{border-radius:20px;display:flex;width:100%}.filter-btn{flex:1 1 auto;justify-content:center;padding:10px 12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-arrow{opacity:1;transform:scale(.85)}}.project-meta{margin-top:8px}.project-meta span{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:8px 16px}.project-meta svg{color:var(--brand)}.project-details-page{padding:64px 0 120px}.project-not-found{display:grid;min-height:70vh;padding-top:80px;place-items:center;text-align:center}.project-not-found h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin-bottom:28px}.project-carousel{margin-bottom:80px}.carousel-main{aspect-ratio:16/9;background:#eef1f6;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative}.carousel-main img{animation:imgIn .7s var(--ease);height:100%;object-fit:contain;width:100%}@keyframes imgIn{0%{opacity:0;transform:scale(1.03)}}.carousel-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;display:grid;font-size:16px;height:48px;margin-top:-24px;place-items:center;position:absolute;top:50%;transition:transform .4s var(--ease),background .3s ease,color .3s ease;width:48px}.carousel-btn:hover{background:var(--ink);color:#fff;transform:scale(1.08)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b122099;border-radius:99px;bottom:18px;color:#fff;font-family:var(--mono);font-size:12px;padding:5px 12px;position:absolute;right:18px}.carousel-thumbnails{display:flex;gap:12px;margin-top:16px;overflow-x:auto;padding:4px 2px}.thumbnail{aspect-ratio:4/3;border-radius:14px;cursor:pointer;flex:0 0 120px;opacity:.5;outline:2px solid #0000;outline-offset:2px;overflow:hidden;transition:opacity .3s ease,outline-color .3s ease,transform .4s var(--ease)}.thumbnail:hover{opacity:.85;transform:translateY(-2px)}.thumbnail.active{opacity:1;outline-color:var(--brand)}.thumbnail img{height:100%;object-fit:cover;width:100%}.project-overview{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:1.7fr 1fr;margin-bottom:72px}.project-overview h2{color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.project-description p{color:var(--ink-2);font-size:18px;line-height:1.7;white-space:pre-line}.project-info{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px}.info-list li{border-bottom:1px solid var(--line);display:flex;font-size:15px;gap:16px;justify-content:space-between;padding:14px 0}.info-list li:last-child{border-bottom:none;padding-bottom:0}.info-list strong{color:var(--muted);font-weight:500}.info-list span{font-weight:600;text-align:right}.back-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;padding:12px 22px;transition:border-color .3s ease,transform .4s var(--ease)}.back-button svg{transition:transform .4s var(--ease)}.back-button:hover{border-color:var(--ink)}.back-button:hover svg{transform:translateX(-4px)}@media (max-width:860px){.project-details-page{padding:48px 0 80px}.project-overview{gap:40px;grid-template-columns:1fr}.project-carousel{margin-bottom:56px}.carousel-btn{height:40px;margin-top:-20px;width:40px}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.thumbnail{flex-basis:88px}}.blog-page{padding:80px 0 120px}.blog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.blog-img-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--brand-soft),#f3f6fb);display:grid;font-size:56px;place-items:center;transition:transform .8s var(--ease)}.blog-image{overflow:hidden}.blog-card:hover .blog-img-placeholder{transform:scale(1.05)}.blog-content{display:flex;flex:1 1;flex-direction:column;padding:28px}.blog-meta{color:var(--muted);display:flex;font-size:13px;gap:16px;margin-bottom:14px}.blog-meta span{align-items:center;display:inline-flex;gap:6px}.blog-content h3{font-size:20px;letter-spacing:-.02em;line-height:1.3;margin-bottom:10px}.blog-content p{color:var(--muted);font-size:15px;margin-bottom:18px}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.tag{border:1px solid var(--line);border-radius:99px;color:var(--muted);font-family:var(--mono);font-size:11px;padding:4px 10px}.blog-read-more{align-items:center;align-self:flex-start;background:none;border:none;color:var(--ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;margin-top:auto;padding:0}.blog-read-more svg{transition:transform .4s var(--ease)}.blog-card:hover .blog-read-more{color:var(--brand)}.blog-card:hover .blog-read-more svg{transform:translateX(5px)}.contact-page{padding:90px 0 120px}.contact-container{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:1fr 1.5fr}.contact-form-container h3,.contact-info h3{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:28px}.info-item{border-top:1px solid var(--line);display:flex;gap:18px;padding:22px 0}.info-item:last-child{border-bottom:1px solid var(--line)}.info-icon{background:var(--brand-soft);border-radius:12px;color:var(--brand);flex-shrink:0;height:44px;padding:13px;transition:transform .5s var(--ease),background .3s ease,color .3s ease;width:44px}.info-item:hover .info-icon{background:var(--brand);color:#fff;transform:rotate(-8deg) scale(1.06)}.info-item h4{color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.info-item p{color:var(--ink);font-size:15.5px;font-weight:500}.contact-form-container{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:44px}.contact-form-container h3{margin-bottom:6px}.form-intro{color:var(--muted);font-size:15px;margin-bottom:32px}.form-row{grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr}.form-group label{color:var(--ink-2);font-size:13.5px}.form-group input,.form-group select,.form-group textarea{background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:15px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#a1a8b6}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cfd5e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 4px #0a74ff1f}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%235d6679' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group textarea{min-height:140px;resize:vertical}.submit-btn{margin-top:4px;padding:16px;width:100%}.spinner{animation:spin 1s linear infinite}.error-message,.success-message{animation:stateIn .7s var(--ease);padding:48px 12px 12px;text-align:center}@keyframes stateIn{0%{opacity:0;transform:scale(.95)}}.success-icon{animation:fly 1s var(--ease);background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-radius:50%;box-shadow:0 20px 40px -12px #0a74ff8c;color:#fff;height:76px;margin-bottom:24px;padding:24px;width:76px}@keyframes fly{0%{opacity:0;transform:translate(-30px,30px) rotate(-20deg)}}.error-message h4,.success-message h4{font-size:24px;letter-spacing:-.02em;margin-bottom:10px}.error-message h4{color:var(--accent)}.error-message p,.success-message p{color:var(--muted);margin:0 auto 28px;max-width:380px}@media (max-width:960px){.contact-container{gap:56px;grid-template-columns:1fr}}@media (max-width:560px){.contact-page{padding:64px 0 80px}.contact-form-container{padding:28px 20px}.form-row{gap:0;grid-template-columns:1fr}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px 40px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.login-logo .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:2px}.login-logo .logo-subtext{color:var(--primary-red);font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.login-header h2{color:var(--text-dark);font-size:24px;margin-bottom:10px}.login-header p{color:var(--text-gray);font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;color:var(--primary-red);font-size:14px;padding:12px;text-align:center}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form .form-group label{align-items:center;color:var(--text-dark);display:flex;font-size:14px;font-weight:600;gap:8px}.login-form .form-group input{border:2px solid #e1e8f0;border-radius:10px;font-size:15px;padding:12px 15px;transition:all .3s ease}.login-form .form-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0282ff1a;outline:none}.btn-login{align-items:center;background:var(--gradient-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s ease}.btn-login:hover{box-shadow:0 10px 20px #0282ff4d;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.admin-dashboard{background:#f5f6fa;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px}.sidebar-logo{align-items:center;display:flex;flex-direction:column}.sidebar-logo .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.sidebar-logo .logo-subtext{color:#999;font-size:11px;letter-spacing:2px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto;padding:20px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#999;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 15px;text-align:left;transition:all .3s ease;width:100%}.nav-btn:hover{background:#ffffff0d;color:#fff}.nav-btn.active{background:var(--gradient-blue);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-info{margin-bottom:15px}.user-info p{color:#999;font-size:14px}.user-info strong{color:#fff}.btn-logout{align-items:center;background:#be0f0f33;border:1px solid var(--primary-red);border-radius:8px;color:var(--primary-red);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;transition:all .3s ease;width:100%}.btn-logout:hover{background:var(--primary-red);color:#fff}.admin-main{flex:1 1;margin-left:280px;padding:40px}.admin-header{margin-bottom:40px}.admin-header h1{color:var(--text-dark);font-size:32px;font-weight:700;margin-bottom:5px}.admin-header p{color:var(--text-gray);font-size:16px}.content-section h2{color:var(--text-dark);font-size:24px;font-weight:600;margin-bottom:30px}.card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:30px}.card h3{color:var(--primary-blue);font-size:18px;font-weight:600}.card h3,.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8f0;border-radius:10px;font-family:inherit;font-size:14px;padding:10px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn-save{align-items:center;background:var(--gradient-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-save:hover{box-shadow:0 5px 15px #0282ff4d;transform:translateY(-2px)}.btn-add{align-items:center;background:#fff;border:2px dashed var(--primary-blue);border-radius:10px;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:25px;padding:12px 25px;transition:all .3s ease}.btn-add:hover{background:#f0f7ff}.badge{background:#e8f5e9;border-radius:20px;color:#27ae60;display:inline-block;font-size:12px;font-weight:600;margin-top:10px;padding:5px 12px}@media screen and (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0;padding:20px}.admin-dashboard{flex-direction:column}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:10px}.nav-btn{font-size:13px;padding:8px 12px;white-space:nowrap}}.alert{animation:slideDown .3s ease;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px}.alert-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#27ae60}.alert-error{background:#fde8e8;border:1px solid #f5b7b7;color:#be0f0f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-icon{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:5px;transition:all .3s ease}.btn-icon:hover{opacity:.8;transform:translateY(-2px)}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.4s;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#0282ff 50%,#0a4c9a)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.table-responsive{overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.data-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table tbody tr:hover,.data-table th{background:#f8f9fa}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.role-admin{background:#e8f5e9;color:#27ae60}.role-editor{background:#e8f4fd;color:#0282ff}.role-viewer{background:#fef3e2;color:#e67e22}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#1a1a1a;font-size:24px;font-weight:600}.form-card{border:2px solid #0282ff!important;margin-bottom:25px}.form-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-card-header h3{color:#1a1a1a;font-size:18px;font-weight:600}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px;transition:color .3s ease}.btn-close:hover{color:#be0f0f}.list-card{margin-bottom:15px}.list-card-body{align-items:flex-start;display:flex;justify-content:space-between}.list-card-info h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:5px}.list-card-desc{color:#666;font-size:14px}.list-card-actions{display:flex;flex-shrink:0;gap:10px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:8px 14px;transition:all .3s ease}.btn-action:hover{transform:translateY(-2px)}.btn-edit{background:#e8f4fd;color:#0282ff}.btn-edit:hover{background:#d0e8ff}.btn-delete{background:#fde8e8;color:#be0f0f}.btn-delete:hover{background:#fcd0d0}.table-actions{display:flex;gap:8px}.table-actions .btn-action{font-size:12px;padding:6px 12px}.empty-card{padding:40px;text-align:center}.empty-card p{color:#999}.loading-text{color:#666;padding:20px;text-align:center}.label-hint{color:#999;font-size:12px;font-weight:400;margin-left:5px}.badge-you{background:#e8f4fd;color:#0282ff;margin-left:8px}.upload-area{align-items:center;background:#f8f9fa;border:2px dashed #ccc;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.upload-label{align-items:center;background:#0282ff;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.upload-label:hover{background:#0a4c9a}.upload-hint{color:#999;font-size:13px}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:15px}.preview-item{aspect-ratio:16/10;background:#f8f9fa;border:2px solid #e1e8f0;border-radius:10px;cursor:grab;overflow:hidden;position:relative;transition:all .3s ease}.preview-item:active{cursor:grabbing}.preview-item:hover{border-color:#0282ff;box-shadow:0 5px 15px #0282ff26}.preview-item.is-cover{border-color:#0282ff;box-shadow:0 0 0 3px #0282ff33}.preview-item img{height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.drag-handle{align-items:center;background:#0009;border-radius:6px;color:#fff;cursor:grab;display:flex;font-size:14px;height:26px;justify-content:center;left:5px;opacity:0;position:absolute;top:5px;transition:opacity .3s ease;width:26px;z-index:5}.preview-item:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.cover-badge{background:#0282ff;border-radius:4px;box-shadow:0 2px 8px #0282ff66;color:#fff;padding:4px 10px}.cover-badge,.cover-btn{bottom:5px;font-size:10px;font-weight:700;left:5px;letter-spacing:.5px;position:absolute;text-transform:uppercase;z-index:5}.cover-btn{align-items:center;background:#fffffff2;border:1px solid #0282ff;border-radius:4px;color:#0282ff;cursor:pointer;display:flex;gap:4px;opacity:0;padding:4px 8px;transition:all .3s ease}.preview-item:hover .cover-btn{opacity:1}.cover-btn:hover{background:#0282ff;color:#fff}.preview-remove{align-items:center;background:#be0f0fd9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:26px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:all .3s ease;width:26px;z-index:5}.preview-item:hover .preview-remove{opacity:1}.preview-remove:hover{background:#be0f0f;transform:scale(1.1)}.list-card-images{display:flex;gap:8px;margin-top:10px}.list-thumb{border:1px solid #e1e8f0;border-radius:5px;height:40px;object-fit:cover;width:60px}.more-images{align-items:center;background:#f0f4f8;border-radius:5px;color:#666;display:flex;font-size:12px;font-weight:600;height:40px;justify-content:center;width:60px}.form-hint{background:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;color:#666;font-size:13px;line-height:1.5;margin-bottom:15px;padding:10px 15px}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.page{animation:pageIn .7s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;isolation:isolate;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:14px 26px;position:relative;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s ease,color .3s ease,border-color .3s ease}.btn svg{transition:transform .4s var(--ease)}.btn:hover svg:last-child{transform:translateX(4px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--ink);color:#fff}.btn-primary:before{background:linear-gradient(120deg,var(--brand),var(--brand-deep));content:"";inset:0;position:absolute;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}.btn-primary:hover:not(:disabled){box-shadow:0 14px 30px -10px #0a74ff8c;transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{transform:translateY(0)}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:var(--ink);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{box-shadow:0 14px 40px -10px #ffffff59;transform:translateY(-2px)}.btn-danger{background:var(--accent);color:#fff}.eyebrow{align-items:center;color:var(--brand);display:inline-flex;font-family:var(--mono);font-size:12px;font-weight:500;gap:10px;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase}.eyebrow:before{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #d0181b1f;content:"";height:6px;width:6px}.section{padding:120px 0}.section-head{margin-bottom:64px;max-width:720px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section-title{color:var(--ink);font-size:clamp(32px,4.2vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin-bottom:18px}.section-subtitle{color:var(--muted);font-size:18px;max-width:560px}.section-head.center .section-subtitle{margin:0 auto}.text-gradient{-webkit-text-fill-color:#0000;animation:shine 6s linear infinite;background:linear-gradient(100deg,var(--brand) 0,var(--brand-deep) 60%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes shine{to{background-position:200%}}.page-header{background:var(--surface);border-bottom:1px solid var(--line);overflow:hidden;padding:180px 0 90px;position:relative}.page-header .grid-bg{-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 0,#000 30%,#0000 75%)}.page-header-inner{max-width:820px;position:relative;z-index:1}.page-header h1{font-size:clamp(40px,6.5vw,80px);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin-bottom:22px}.page-header p{color:var(--muted);font-size:clamp(17px,1.6vw,20px);max-width:580px}.grid-bg{background-image:linear-gradient(90deg,#0b12200f 1px,#0000 0),linear-gradient(180deg,#0b12200f 1px,#0000 0);background-size:56px 56px;inset:0}.grid-bg,.orb{pointer-events:none;position:absolute}.orb{animation:drift 18s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.55}.orb-blue{background:#5aa2ff}.orb-red{animation-direction:alternate-reverse;animation-duration:22s;background:#ff7a7a;opacity:.35}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,-40px) scale(1.1)}to{transform:translate(-40px,30px) scale(.95)}}[data-reveal]{--from:translateY(28px)}[data-reveal=fade]{--from:none}[data-reveal=scale]{--from:scale(0.94)}[data-reveal=left]{--from:translateX(-32px)}[data-reveal=right]{--from:translateX(32px)}html:not(.no-reveal) [data-reveal]:not(.is-visible){opacity:0}[data-reveal].is-visible{animation:reveal .9s var(--ease) 0ms backwards;animation:reveal .9s var(--ease) var(--d,0ms) backwards}@keyframes reveal{0%{opacity:0;transform:var(--from)}}.split-word{display:inline-block;margin-bottom:-.08em;overflow:hidden;padding-bottom:.08em;vertical-align:top}.split-word>span{animation:wordUp .9s var(--ease) forwards;animation-delay:calc(var(--i)*70ms + .1s);display:inline-block;transform:translateY(105%)}@keyframes wordUp{to{transform:translateY(0)}}.spotlight{isolation:isolate;position:relative}.spotlight:after{background:radial-gradient(420px circle at 50% 50%,#0a74ff1a,#0000 45%);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#0a74ff1a,#0000 45%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:-1}.spotlight:hover:after{opacity:1}.page-loader{grid-gap:16px;color:var(--muted);display:grid;font-size:14px;gap:16px;min-height:70vh;padding-top:80px;place-items:center}.loader-dots{display:flex;gap:8px}.loader-dots span{animation:bounce 1s var(--ease) infinite;background:var(--brand);border-radius:50%;height:10px;width:10px}.loader-dots span:nth-child(2){animation-delay:.12s;background:var(--brand-deep)}.loader-dots span:nth-child(3){animation-delay:.24s;background:var(--accent)}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(1turn)}}.scroll-progress{background:linear-gradient(90deg,var(--brand),var(--accent));height:2px;left:0;position:fixed;right:0;top:0;transform:scaleX(0);transform:scaleX(var(--progress,0));transform-origin:0 50%;z-index:1100}@media (max-width:768px){.section{padding:80px 0}.section-head{margin-bottom:44px}.page-header{padding:140px 0 64px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html:not(.no-reveal) [data-reveal]:not(.is-visible){opacity:1}}