:root{--ink:#071426;--navy:#0a2f69;--blue:#1769e8;--sky:#dcecff;--line:#d8e4f5;--muted:#64748b;--panel:#ffffff;--soft:#f5f9ff;--danger:#dc2626;--success:#15803d;--warning:#b45309}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(245,249,255,.94),rgba(255,255,255,.96) 42%,rgba(238,246,255,.94)),url(/images/bgmi-devil-don-poster.png) top /cover fixed;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-shell,.shell{min-height:100vh}.login-shell{position:relative;display:grid;place-items:center;overflow:hidden;padding:24px;color:white;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.2),transparent 32%),radial-gradient(circle at 82% 12%,rgba(99,102,241,.2),transparent 28%),linear-gradient(135deg,#020617,#071426 48%,#0b1220)}.login-shell:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black,transparent 74%);mask-image:radial-gradient(circle at 50% 40%,black,transparent 74%)}.login-aurora{position:absolute;width:46vw;height:46vw;min-width:320px;min-height:320px;border-radius:999px;background:conic-gradient(from 180deg,#38bdf8,#2563eb,#8b5cf6,#38bdf8);filter:blur(90px);opacity:.28;animation:fogDrift 8s ease-in-out infinite alternate}.login-card{position:relative;z-index:1;width:min(100%,460px);padding:30px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 32px 90px rgba(2,6,23,.46),inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-logo{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border-radius:18px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.45),transparent 20%),linear-gradient(135deg,#38bdf8,#2563eb 55%,#8b5cf6);box-shadow:0 18px 42px rgba(56,189,248,.28)}.login-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#bae6fd;font-size:13px;font-weight:900;text-transform:uppercase}.login-card h1{margin-bottom:10px;color:white;font-size:clamp(34px,8vw,48px)}.login-copy{margin-bottom:24px;color:#cbd5e1;line-height:1.6}.login-form{display:grid;grid-gap:15px;gap:15px}.login-form label{display:grid;grid-gap:8px;gap:8px}.login-form label span{color:#dbeafe;font-size:14px;font-weight:900}.login-form input{width:100%;min-height:52px;padding:0 14px;border:1px solid rgba(148,163,184,.22);border-radius:12px;color:white;outline:0;background:rgba(15,23,42,.58);transition:border-color .22s ease,box-shadow .22s ease}.login-form input:focus{border-color:rgba(56,189,248,.78);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.login-form input::placeholder{color:#94a3b8}.login-error{padding:12px 13px;border:1px solid rgba(248,113,113,.32);border-radius:12px;color:#fecaca;background:rgba(127,29,29,.28);font-weight:800}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border:1px solid rgba(125,211,252,.26);border-radius:12px;color:white;background:linear-gradient(135deg,#0ea5e9,#2563eb 54%,#6366f1);box-shadow:0 18px 42px rgba(37,99,235,.28),0 0 24px rgba(56,189,248,.16);cursor:pointer;font-weight:900;transition:transform .22s ease,box-shadow .22s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 22px 52px rgba(37,99,235,.34),0 0 30px rgba(56,189,248,.2)}.premium-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;color:white;background:radial-gradient(circle at 50% 38%,rgba(0,212,255,.22),transparent 28%),radial-gradient(circle at 18% 82%,rgba(23,105,232,.22),transparent 24%),linear-gradient(135deg,#020817,#061f48 48%,#031430)}.loader-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(125,211,252,.18) 1px,transparent 0),linear-gradient(90deg,rgba(125,211,252,.18) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.loader-core{position:relative;z-index:2;width:min(92vw,560px);display:grid;justify-items:center;padding:34px 24px;border:1px solid rgba(125,211,252,.2);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loader-logo-wrap{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:20px}.loader-logo-ring{position:absolute;inset:0;border:1px solid rgba(125,211,252,.45);border-radius:999px;box-shadow:0 0 52px rgba(0,212,255,.36),inset 0 0 32px rgba(23,105,232,.22);animation:loaderSpin 4.8s linear infinite}.loader-logo-ring:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.24);border-radius:inherit}.loader-logo{width:78px;height:78px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.4),transparent 18%),linear-gradient(135deg,#00d4ff,#1769e8 56%,#0a2f69);box-shadow:0 0 42px rgba(0,212,255,.46),0 18px 40px rgba(23,105,232,.3)}.loader-title{margin-bottom:12px;text-align:center;font-size:clamp(30px,7vw,54px);line-height:.96;letter-spacing:0;text-shadow:0 0 18px rgba(0,212,255,.5),0 0 42px rgba(23,105,232,.28);animation:titleGlow 1.8s ease-in-out infinite alternate}.loader-subtitle{margin-bottom:22px;color:#bfdbfe;font-size:clamp(13px,3vw,16px);font-weight:900;letter-spacing:1px}.loader-progress{width:min(100%,390px);height:9px;overflow:hidden;border:1px solid rgba(125,211,252,.28);border-radius:999px;background:rgba(2,8,23,.5);box-shadow:inset 0 0 18px rgba(0,212,255,.12)}.loader-progress span{display:block;width:100%;height:100%;transform-origin:left;border-radius:inherit;background:linear-gradient(90deg,#00d4ff,#60a5fa,#ffffff);box-shadow:0 0 28px rgba(0,212,255,.62)}.loader-particle{position:absolute;border-radius:999px;background:#7dd3fc;box-shadow:0 0 18px rgba(125,211,252,.8);animation:particleFloat 2.8s ease-in-out infinite}.loader-streak{position:absolute;width:42vw;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.8),transparent);filter:drop-shadow(0 0 12px rgba(0,212,255,.7));animation:streakMove 2.6s linear infinite}.streak-one{top:24%;left:-45vw}.streak-two{right:-45vw;bottom:28%;animation-delay:.8s;animation-direction:reverse}.loader-fog{position:absolute;width:46vw;height:46vw;min-width:320px;min-height:320px;border-radius:999px;filter:blur(70px);opacity:.28;animation:fogDrift 7s ease-in-out infinite alternate}.fog-one{left:-12vw;bottom:-12vw;background:#1769e8}.fog-two{right:-10vw;top:-12vw;background:#00d4ff;animation-delay:-2s}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,rgba(14,165,233,.24),rgba(23,105,232,.16) 38%,rgba(220,38,38,.12)),linear-gradient(135deg,#04162f,#063d87 52%,#08224d);box-shadow:0 18px 40px rgba(23,105,232,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-inner,.nav-inner,.section{width:min(1120px,calc(100% - 32px));margin:0 auto}.nav-inner{min-height:72px;justify-content:space-between;gap:16px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;color:white;font-weight:900;letter-spacing:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:white;border-radius:8px;background:radial-gradient(circle at 28% 24%,#ffffff 0 8%,transparent 9%),linear-gradient(135deg,#00d4ff,#1769e8 48%,#ef4444);box-shadow:0 12px 26px rgba(0,212,255,.28)}.nav-links{display:flex;align-items:center;gap:8px}.button,.icon-button,.nav-links a{border:0;border-radius:8px;cursor:pointer;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.nav-links a{overflow:hidden;padding:10px 12px;color:#f8fbff;border:1px solid rgba(125,211,252,.26);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.nav-links a,.nav-logout{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-logout{gap:7px;min-height:42px;padding:0 12px;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#ffffff;background:linear-gradient(135deg,rgba(239,68,68,.74),rgba(37,99,235,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);cursor:pointer;font-weight:900}.nav-links a span:not(.active-glow){position:relative;z-index:1}.nav-links a.active{border-color:rgba(0,212,255,.82)}.active-glow{position:absolute;inset:0;border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(125,211,252,.42),transparent 58%),linear-gradient(135deg,rgba(0,212,255,.24),rgba(23,105,232,.22));box-shadow:inset 0 0 18px rgba(0,212,255,.18),0 0 22px rgba(0,212,255,.14)}.nav-links a:hover{color:white;border-color:rgba(0,212,255,.8);background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(23,105,232,.24));box-shadow:0 10px 22px rgba(0,212,255,.14)}.nav-logout:hover{border-color:rgba(248,113,113,.68);box-shadow:0 10px 24px rgba(239,68,68,.18)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;color:white;background:var(--blue);box-shadow:0 16px 34px rgba(23,105,232,.24);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.button:hover{box-shadow:0 18px 42px rgba(0,132,255,.36),0 0 24px rgba(0,212,255,.18)}.button.secondary{color:var(--navy);background:white;border:1px solid var(--line);box-shadow:none}.button.danger{background:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.6}.button:hover,.icon-button:hover,.nav-links a:hover{transform:translateY(-1px)}.hero{position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,rgba(6,31,72,.96),rgba(10,60,130,.82) 48%,rgba(6,31,72,.7)),url(/images/bgmi-devil-don-poster.png) 50% /cover,radial-gradient(circle at 20% 10%,rgba(98,168,255,.38),transparent 28%),linear-gradient(135deg,#061f48,#0b3c82 48%,#1769e8)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none;filter:blur(34px);opacity:.64;animation:neonDrift 9s ease-in-out infinite alternate}.hero:before{width:280px;height:280px;left:6%;top:10%;background:rgba(0,212,255,.34)}.hero:after{width:320px;height:320px;right:8%;bottom:10%;background:rgba(23,105,232,.42);animation-delay:-3s}.neon-orbit{position:absolute;inset:12% 8% auto auto;width:180px;height:180px;border:1px solid rgba(125,211,252,.3);border-radius:999px;box-shadow:0 0 50px rgba(0,212,255,.22);animation:slowSpin 14s linear infinite}.hero-inner{position:relative;z-index:1;min-height:560px;display:grid;grid-template-columns:1.08fr .92fr;grid-gap:36px;gap:36px;align-items:center;padding:56px 0 80px}.hero-copy h1{text-shadow:0 0 26px rgba(0,212,255,.26)}.eyebrow{width:-moz-fit-content;width:fit-content;margin:0 0 16px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#dcecff;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(36px,7vw,68px);line-height:.95;letter-spacing:0}.hero p{max-width:650px;color:#dbeafe;font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-poster{overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#061f48;box-shadow:0 30px 70px rgba(2,13,31,.4)}.glass-float{border-color:rgba(125,211,252,.26);background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:premiumFloat 5.5s ease-in-out infinite}.hero-poster img{display:block;width:100%;height:100%;object-fit:cover}.section{padding:58px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h2{margin-bottom:8px;font-size:clamp(28px,4vw,42px)}.muted{color:var(--muted)}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.form-card,.order-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 20px 44px rgba(10,47,105,.08)}.grid.two .card{position:relative;overflow:hidden;color:white;border-color:rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(6,31,72,.95),rgba(10,47,105,.92) 58%,rgba(220,38,38,.82)),url(/images/bgmi-devil-don-poster.png) 50% /cover;box-shadow:0 24px 54px rgba(2,13,31,.24)}.grid.two .card:before{content:"";position:absolute;inset:0;border-top:4px solid #ef4444;pointer-events:none}.grid.two .card .muted,.grid.two .card .price,.grid.two .card h3{position:relative;color:white}.grid.two .card .muted{color:#dbeafe}.grid.two .card .button{position:relative;background:#ef4444;box-shadow:0 16px 34px rgba(220,38,38,.24)}.card{padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{border-color:rgba(0,212,255,.34);box-shadow:0 24px 54px rgba(23,105,232,.18),0 0 28px rgba(0,212,255,.12)}.glass-card{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card .button{width:-moz-fit-content;width:fit-content}.price{margin:16px 0;color:var(--navy);font-size:42px;font-weight:900}.feature{display:flex;align-items:flex-start;gap:12px}.feature svg,.mini-stat svg{color:var(--blue)}.mini-stats{display:grid;grid-gap:12px;gap:12px}.mini-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.page-title{padding:52px 0 24px}.page-title h1{color:var(--navy);font-size:clamp(34px,6vw,58px)}.form-layout{display:grid;grid-template-columns:1fr 360px;grid-gap:22px;gap:22px;align-items:start}.form-card{padding:24px}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.field label{font-size:14px;font-weight:900;color:#12345d}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white}.field textarea{min-height:82px;resize:vertical}.notice{padding:14px;border-radius:8px;border:1px solid #b9d7ff;color:#0a2f69;background:#eaf4ff}.qr-box{display:grid;place-items:center;min-height:280px;overflow:hidden;border:1px dashed #aac8ed;border-radius:8px;background:var(--soft)}.qr-box img{width:100%;height:100%;object-fit:contain}.footer{padding:30px 0;border-top:1px solid rgba(255,255,255,.14);color:#dbeafe;background:linear-gradient(90deg,rgba(220,38,38,.22),transparent 32%),linear-gradient(135deg,#061f48,#0a2f69 58%,#031430);box-shadow:0 -18px 44px rgba(2,13,31,.18)}.footer .nav-inner>div:first-child{display:grid;grid-gap:6px;gap:6px}.footer strong{color:white}@keyframes premiumFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes neonDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-14px,0) scale(1.08)}}@keyframes slowSpin{to{transform:rotate(1turn)}}@keyframes loaderSpin{to{transform:rotate(1turn)}}@keyframes titleGlow{0%{text-shadow:0 0 16px rgba(0,212,255,.45),0 0 34px rgba(23,105,232,.22)}to{text-shadow:0 0 24px rgba(0,212,255,.72),0 0 54px rgba(23,105,232,.36)}}@keyframes particleFloat{0%,to{transform:translateZ(0);opacity:.28}50%{transform:translate3d(10px,-18px,0);opacity:.9}}@keyframes streakMove{to{transform:translateX(145vw)}}@keyframes fogDrift{to{transform:translate3d(24px,-18px,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (max-width:820px){.hero-inner,.nav-inner,.section{width:min(100% - 24px,1120px)}.nav-inner{min-height:64px;align-items:flex-start;flex-direction:column;justify-content:center;padding:10px 0;gap:10px}.brand span:last-child{max-width:none;line-height:1.1}.nav-links{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.nav-links a,.nav-logout{display:inline-flex;justify-content:center;padding:9px 6px;color:#eff6ff;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);font-size:12px}.form-layout,.hero-inner{grid-template-columns:1fr}.hero-inner{min-height:auto;gap:24px;padding:34px 0 42px}h1{font-size:42px;line-height:1}.hero p{font-size:16px;line-height:1.55}.eyebrow{margin-bottom:12px}.section{padding:38px 0}.page-title{padding:34px 0 10px}.page-title h1{font-size:36px}.grid.four,.grid.two{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero-poster{aspect-ratio:16/10;border-radius:12px;box-shadow:0 18px 42px rgba(2,13,31,.32)}.hero-actions{width:100%}.button{flex:1 1 150px;min-height:48px}.card,.form-card{padding:18px;box-shadow:0 14px 30px rgba(10,47,105,.08)}.grid.two .card{box-shadow:0 18px 38px rgba(2,13,31,.2)}.card{display:grid;grid-gap:6px;gap:6px}.card .button{width:100%}.price{margin:8px 0 10px;font-size:34px}.form-layout{gap:16px}.field{margin-bottom:14px}.field input,.field select,.field textarea{min-height:50px;padding:12px 13px}.qr-box{min-height:230px}.notice{line-height:1.45}.loader-core{padding:28px 18px;border-radius:14px}.loader-logo-wrap{width:96px;height:96px;margin-bottom:16px}.loader-logo{width:68px;height:68px}}@media (max-width:420px){.brand{font-size:15px}.brand-mark{width:34px;height:34px}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:38px}.hero-actions{gap:8px}.button{flex-basis:100%}.hero-poster{aspect-ratio:4/3}.section h2{font-size:28px}}.os-shell{min-height:100vh;color:#e5eefb;background:radial-gradient(circle at 12% 8%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 82% 16%,rgba(99,102,241,.18),transparent 28%),linear-gradient(135deg,#020617,#071426 48%,#0b1220)}.os-shell .nav{background:linear-gradient(90deg,rgba(14,165,233,.2),rgba(99,102,241,.14) 52%,rgba(255,255,255,.06)),rgba(2,6,23,.78);box-shadow:0 18px 50px rgba(2,6,23,.34)}.os-shell .brand-mark{border-radius:12px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.48),transparent 18%),linear-gradient(135deg,#38bdf8,#2563eb 54%,#8b5cf6)}.os-shell .footer{border-top-color:rgba(148,163,184,.16);background:radial-gradient(circle at 15% 0,rgba(56,189,248,.18),transparent 28%),linear-gradient(135deg,#020617,#071426)}.os-hero{position:relative;overflow:hidden}.os-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(148,163,184,.16) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.16) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 74%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 74%)}.os-aurora{position:absolute;inset:8% auto auto 54%;width:42vw;height:42vw;min-width:360px;min-height:360px;border-radius:999px;background:conic-gradient(from 180deg,#38bdf8,#6366f1,#14b8a6,#38bdf8);filter:blur(88px);opacity:.28;animation:fogDrift 8s ease-in-out infinite alternate}.os-hero-inner,.os-section{width:min(1180px,calc(100% - 32px));margin:0 auto}.os-hero-inner{position:relative;z-index:1;min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:34px;gap:34px;align-items:center;padding:74px 0 64px}.os-eyebrow,.os-kicker{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin:0 0 14px;color:#bae6fd;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.os-eyebrow{padding:8px 11px;border:1px solid rgba(125,211,252,.22);border-radius:999px;background:rgba(15,23,42,.58);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.os-hero h1{margin-bottom:18px;color:#ffffff;font-size:clamp(48px,8vw,92px);line-height:.92;text-shadow:0 0 34px rgba(56,189,248,.22)}.os-hero p{max-width:720px;color:#cbd5e1;font-size:18px;line-height:1.75}.os-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.os-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid rgba(125,211,252,.24);border-radius:12px;color:white;font-weight:900;background:linear-gradient(135deg,#0ea5e9,#2563eb 54%,#6366f1);box-shadow:0 18px 42px rgba(37,99,235,.26),0 0 24px rgba(56,189,248,.16)}.os-button.ghost{background:rgba(15,23,42,.52);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.os-command-card,.os-module-card,.os-panel,.os-roadmap,.os-stat-card{border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 28px 80px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.os-command-card{padding:24px}.os-card-topline,.os-panel-head,.os-section-head,.os-time-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.os-card-topline{color:#93c5fd;font-size:12px;font-weight:900;text-transform:uppercase}.os-time-row{margin:26px 0}.os-time-row p{margin-bottom:8px;color:#93c5fd;font-size:14px}.os-time-row strong{display:block;max-width:320px;color:white;font-size:clamp(28px,4vw,44px);line-height:1}.os-progress span,.os-progress strong{font-size:14px;font-weight:900}.os-progress{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.os-progress div{grid-column:1/-1;height:10px;overflow:hidden;border-radius:999px;background:rgba(15,23,42,.72)}.os-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#22c55e);box-shadow:0 0 24px rgba(56,189,248,.5)}.os-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:20px}.os-mini-grid span,.os-roadmap-grid span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(148,163,184,.16);border-radius:12px;color:#dbeafe;background:rgba(15,23,42,.38);font-weight:800}.os-section{padding:46px 0}.os-section-head{margin-bottom:20px}.os-panel h2,.os-roadmap h2,.os-section h2{margin-bottom:0;color:#ffffff;font-size:clamp(28px,4vw,44px)}.os-search{display:inline-flex;align-items:center;gap:10px;max-width:430px;min-height:46px;padding:0 14px;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#cbd5e1;background:rgba(15,23,42,.54)}.os-module-grid,.os-office-grid,.os-stats-grid{display:grid;grid-gap:16px;gap:16px}.os-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.os-module-card,.os-stat-card{padding:20px}.os-stat-card{display:grid;grid-gap:14px;gap:14px}.os-module-card svg,.os-panel-head svg,.os-stat-card svg{color:#38bdf8}.os-stat-card span{color:#94a3b8;font-weight:800}.os-stat-card strong{color:white;font-size:30px}.os-stat-card.green svg{color:#22c55e}.os-stat-card.red svg{color:#fb7185}.os-stat-card.gold svg{color:#facc15}.os-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-gap:18px;gap:18px;align-items:stretch}.os-workspace:has(.ai){grid-template-columns:repeat(3,minmax(0,1fr))}.os-panel{padding:22px}.os-panel.large{min-height:430px}.os-panel-head{margin-bottom:18px}.os-module-card h3,.os-panel-head.compact h3{margin-bottom:0;color:white}.os-office-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-office-stat{padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.42)}.os-office-stat span{display:block;margin-bottom:10px;color:#94a3b8;font-size:13px;font-weight:900}.os-office-stat strong{color:white;font-size:24px}.os-chart{height:145px;display:flex;align-items:flex-end;gap:12px;margin-top:24px;padding:16px;border-radius:18px;background:rgba(2,6,23,.42)}.os-chart span{flex:1 1;min-width:20px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#38bdf8,#2563eb);box-shadow:0 0 24px rgba(56,189,248,.28)}.os-quick-list{display:grid;grid-gap:10px;gap:10px}.os-quick-list button{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(148,163,184,.14);border-radius:14px;color:#e2e8f0;background:rgba(15,23,42,.44);cursor:pointer}.os-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-module-card{min-height:190px}.os-module-card p,.os-panel p,.os-roadmap p{color:#cbd5e1;line-height:1.65}.os-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.os-list li{padding:12px 13px;border:1px solid rgba(148,163,184,.14);border-radius:14px;color:#dbeafe;background:rgba(15,23,42,.38)}.os-panel.ai{background:radial-gradient(circle at 90% 0,rgba(56,189,248,.18),transparent 34%),linear-gradient(180deg,rgba(99,102,241,.16),rgba(255,255,255,.045))}.os-roadmap{display:grid;grid-template-columns:1fr .85fr;grid-gap:24px;gap:24px;align-items:center;padding:26px}.os-roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.promotion-tracker{position:relative;overflow:hidden;margin-top:18px}.promotion-tracker:before{content:"";position:absolute;inset:20px auto auto 58%;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.2),transparent 66%);filter:blur(18px);pointer-events:none}.promotion-head,.promotion-kpi-grid,.promotion-layout,.promotion-timeline{position:relative;z-index:1}.promotion-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:radial-gradient(circle at 92% 0,rgba(56,189,248,.18),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 28px 80px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.promotion-head h2{margin-bottom:10px;color:white;font-size:clamp(30px,5vw,52px)}.promotion-head p:not(.os-kicker){margin-bottom:0;color:#cbd5e1;font-weight:800}.promotion-status{min-width:220px;display:grid;grid-gap:8px;gap:8px;padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.5)}.promotion-status span{color:#dbeafe;font-weight:900}.promotion-status strong{color:white;font-size:34px;line-height:1}.promotion-kpi-card.green,.promotion-status.green{border-color:rgba(34,197,94,.4);box-shadow:0 24px 64px rgba(34,197,94,.12),inset 0 1px 0 rgba(255,255,255,.12)}.promotion-kpi-card.orange,.promotion-status.orange{border-color:rgba(251,146,60,.42);box-shadow:0 24px 64px rgba(251,146,60,.11),inset 0 1px 0 rgba(255,255,255,.12)}.promotion-kpi-card.red,.promotion-status.red{border-color:rgba(248,113,113,.38);box-shadow:0 24px 64px rgba(248,113,113,.1),inset 0 1px 0 rgba(255,255,255,.12)}.promotion-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr) minmax(260px,.72fr);grid-gap:16px;gap:16px;margin-bottom:16px}.promotion-kpi-card,.promotion-meter-card,.promotion-missing-card,.promotion-report-card,.promotion-timeline>div{border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 22px 58px rgba(2,6,23,.2),inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.promotion-meter-card,.promotion-missing-card,.promotion-report-card{padding:22px}.promotion-meter-card{display:grid;justify-items:center;text-align:center}.promotion-card-title h3,.promotion-kpi-card h3,.promotion-meter-card h3{margin-bottom:0;color:white}.promotion-kpi-meta span,.promotion-meter-card p,.promotion-report-card span,.promotion-timeline span{color:#cbd5e1}.promotion-ring{--progress:0%;width:104px;height:104px;display:grid;place-items:center;margin:14px auto;border-radius:999px;background:radial-gradient(circle at center,#071426 0 58%,transparent 59%),conic-gradient(#38bdf8 var(--progress),rgba(148,163,184,.16) 0);box-shadow:0 0 34px rgba(56,189,248,.18)}.promotion-ring.large{width:156px;height:156px}.promotion-ring span{color:white;font-size:24px;font-weight:950}.promotion-ring.large span{font-size:36px}.promotion-badges,.promotion-missing-list{display:grid;grid-gap:10px;gap:10px;width:100%;margin-top:14px}.promotion-badges span,.promotion-missing-list span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid rgba(148,163,184,.14);border-radius:12px;color:#dbeafe;background:rgba(15,23,42,.38);font-size:13px;font-weight:800}.promotion-card-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.promotion-card-title svg{color:#38bdf8}.promotion-report-card{display:grid;align-content:start;grid-gap:10px;gap:10px}.promotion-report-card button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(125,211,252,.24);border-radius:12px;color:white;background:rgba(15,23,42,.5);cursor:pointer;font-weight:900}.promotion-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.promotion-kpi-card{padding:20px}.promotion-kpi-card label{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.promotion-kpi-card label span{color:#dbeafe;font-size:13px;font-weight:900}.promotion-kpi-card input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:white;background:rgba(15,23,42,.52);outline:0}.promotion-kpi-card input:focus{border-color:rgba(56,189,248,.74);box-shadow:0 0 0 4px rgba(56,189,248,.11)}.promotion-kpi-meta{display:grid;grid-gap:7px;gap:7px;font-size:13px}.promotion-kpi-meta strong{color:white}.promotion-progress{height:9px;overflow:hidden;margin-top:15px;border-radius:999px;background:rgba(15,23,42,.62)}.promotion-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#22c55e);box-shadow:0 0 22px rgba(56,189,248,.38);transition:width .4s ease}.promotion-kpi-card.orange .promotion-progress i{background:linear-gradient(90deg,#fb923c,#facc15)}.promotion-kpi-card.red .promotion-progress i{background:linear-gradient(90deg,#fb7185,#f97316)}.promotion-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.promotion-timeline>div{display:grid;grid-gap:8px;gap:8px;padding:16px}.promotion-timeline svg{color:#38bdf8}.promotion-timeline strong{color:white}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-18px;width:8px;height:14px;border-radius:3px;background:linear-gradient(135deg,#38bdf8,#facc15);animation:confettiFall 2.8s linear infinite}@keyframes confettiFall{to{transform:translateY(760px) rotate(480deg);opacity:0}}@media (max-width:920px){.os-hero-inner,.os-roadmap,.os-workspace,.os-workspace:has(.ai){grid-template-columns:1fr}.os-module-grid,.os-office-grid,.os-stats-grid,.promotion-kpi-grid,.promotion-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-head,.promotion-layout{grid-template-columns:1fr}.promotion-head{align-items:flex-start;flex-direction:column}.promotion-status{width:100%}.os-section-head{align-items:flex-start;flex-direction:column}.os-search{width:100%;max-width:none}}@media (max-width:560px){.os-hero-inner,.os-section{width:min(100% - 24px,1180px)}.os-hero-inner{min-height:auto;padding:42px 0 34px}.os-hero h1{font-size:52px}.os-hero p{font-size:16px}.os-button,.os-hero-actions{width:100%}.os-mini-grid,.os-module-grid,.os-office-grid,.os-roadmap-grid,.os-stats-grid,.promotion-kpi-grid,.promotion-timeline{grid-template-columns:1fr}.os-command-card,.os-module-card,.os-panel,.os-roadmap,.os-stat-card,.promotion-head,.promotion-kpi-card,.promotion-meter-card,.promotion-missing-card,.promotion-report-card,.promotion-timeline>div{border-radius:18px;padding:18px}.promotion-ring.large{width:136px;height:136px}.os-time-row{align-items:flex-start}.os-time-row strong{font-size:31px}}.login-shell,.os-shell{color:#102033;background:radial-gradient(circle at 12% 8%,rgba(56,189,248,.22),transparent 30%),radial-gradient(circle at 88% 12%,rgba(99,102,241,.14),transparent 28%),linear-gradient(135deg,#f7fbff,#eaf5ff 45%,#f9fbff)}.login-shell:before,.os-hero:before{opacity:.28;background-image:linear-gradient(rgba(14,165,233,.13) 1px,transparent 0),linear-gradient(90deg,rgba(14,165,233,.13) 1px,transparent 0)}.login-aurora,.os-aurora{opacity:.18;filter:blur(82px)}.nav,.os-shell .nav{border-bottom-color:rgba(37,99,235,.16);background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(238,247,255,.9)),rgba(255,255,255,.86);box-shadow:0 14px 38px rgba(37,99,235,.12)}.brand{color:#12345d}.nav-links a{color:#1e3a5f;border-color:rgba(37,99,235,.16);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,244,255,.86));box-shadow:0 10px 24px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.85)}.nav-links a.active,.nav-links a:hover{color:#ffffff;border-color:rgba(14,165,233,.64);background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 14px 32px rgba(37,99,235,.2)}.active-glow{background:linear-gradient(135deg,rgba(56,189,248,.52),rgba(37,99,235,.42))}.nav-logout{color:#9f1239;border-color:rgba(244,63,94,.22);background:linear-gradient(180deg,rgba(255,241,242,.96),rgba(255,228,230,.86));box-shadow:0 10px 24px rgba(244,63,94,.08)}.nav-logout:hover{color:#ffffff;background:linear-gradient(135deg,#fb7185,#e11d48)}.login-card h1,.os-hero h1,.os-module-card h3,.os-office-stat strong,.os-panel h2,.os-panel-head.compact h3,.os-roadmap h2,.os-section h2,.os-stat-card strong,.os-time-row strong,.promotion-card-title h3,.promotion-head h2,.promotion-kpi-card h3,.promotion-kpi-meta strong,.promotion-meter-card h3,.promotion-ring span,.promotion-status strong,.promotion-timeline strong{color:#0f2a44;text-shadow:none}.login-copy,.os-hero p,.os-module-card p,.os-panel p,.os-roadmap p,.promotion-head p:not(.os-kicker),.promotion-kpi-meta span,.promotion-meter-card p,.promotion-report-card span,.promotion-timeline span{color:#52677f}.login-kicker,.os-eyebrow,.os-kicker{color:#0369a1}.os-eyebrow{border-color:rgba(14,165,233,.18);background:rgba(255,255,255,.76)}.login-card,.os-command-card,.os-module-card,.os-panel,.os-roadmap,.os-stat-card,.promotion-head,.promotion-kpi-card,.promotion-meter-card,.promotion-missing-card,.promotion-report-card,.promotion-timeline>div{border-color:rgba(37,99,235,.13);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(243,249,255,.78));box-shadow:0 24px 62px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.88);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.promotion-head{background:radial-gradient(circle at 90% 0,rgba(56,189,248,.18),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(235,247,255,.86))}.os-chart,.os-list li,.os-mini-grid span,.os-office-stat,.os-progress div,.os-quick-list button,.os-roadmap-grid span,.os-search,.promotion-badges span,.promotion-missing-list span,.promotion-status{color:#1e3a5f;border-color:rgba(37,99,235,.12);background:rgba(255,255,255,.7)}.os-list li,.promotion-badges span,.promotion-missing-list span{color:#28435f}.os-card-topline,.os-office-stat span,.os-stat-card span,.os-time-row p,.promotion-kpi-card label span,.promotion-status span{color:#64748b}.promotion-ring{background:radial-gradient(circle at center,#ffffff 0 58%,transparent 59%),conic-gradient(#0ea5e9 var(--progress),rgba(203,213,225,.56) 0);box-shadow:0 0 34px rgba(14,165,233,.16)}.login-form input,.promotion-kpi-card input{color:#12345d;border-color:rgba(37,99,235,.16);background:rgba(255,255,255,.86)}.login-form input::placeholder,.promotion-kpi-card input::placeholder{color:#94a3b8}.login-form label span{color:#12345d}.login-error{color:#9f1239;border-color:rgba(244,63,94,.24);background:rgba(255,241,242,.88)}.promotion-kpi-card.green,.promotion-status.green{border-color:rgba(34,197,94,.28);box-shadow:0 24px 62px rgba(34,197,94,.11),inset 0 1px 0 rgba(255,255,255,.9)}.promotion-kpi-card.orange,.promotion-status.orange{border-color:rgba(251,146,60,.32);box-shadow:0 24px 62px rgba(251,146,60,.1),inset 0 1px 0 rgba(255,255,255,.9)}.promotion-kpi-card.red,.promotion-status.red{border-color:rgba(248,113,113,.3);box-shadow:0 24px 62px rgba(248,113,113,.09),inset 0 1px 0 rgba(255,255,255,.9)}.promotion-report-card button{color:#075985;border-color:rgba(14,165,233,.2);background:rgba(255,255,255,.72)}.promotion-report-card button:hover{color:#ffffff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.footer,.os-shell .footer{color:#52677f;border-top-color:rgba(37,99,235,.12);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(235,247,255,.9));box-shadow:0 -16px 40px rgba(37,99,235,.08)}.footer strong{color:#12345d}