:root{--bg:#050608;--bg2:#140430;--panel:rgba(255,255,255,.075);--line:rgba(255,255,255,.13);--text:#f9f8ff;--muted:#b7b1c8;--purple:#7c3aed;--cyan:#19d8ff;--danger:#ff5c7a}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 14% 5%,#6d28d942,transparent 31rem),radial-gradient(circle at 86% 8%,#19d8ff24,transparent 28rem),linear-gradient(135deg,#02010a,#12002f 45%,#050014 74%,#02010a);transition:background .25s,color .25s}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(70px);opacity:.34;pointer-events:none;animation:drift 16s ease-in-out infinite alternate}body:before{width:28rem;height:28rem;background:#6d28d9;left:-10rem;top:25vh}body:after{width:22rem;height:22rem;background:#19d8ff;right:-9rem;top:5vh;animation-delay:-8s}@keyframes drift{to{transform:translate(9vw,-6vh) scale(1.15)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}*{scroll-behavior:auto!important}}body.light{--bg:#f7f5ff;--bg2:#e9e0ff;--panel:rgba(255,255,255,.72);--line:rgba(68,31,116,.15);--text:#170c2c;--muted:#615875;background:radial-gradient(circle at 14% 5%,#bca5ff88,transparent 31rem),radial-gradient(circle at 86% 8%,#9defff88,transparent 28rem),linear-gradient(135deg,#faf9ff,#f0eaff)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:68px;height:40px;object-fit:contain}.brand small{display:block;color:var(--cyan);font-weight:600}.nav-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line);border-radius:12px;padding:12px 17px;background:var(--panel);color:var(--text);font-weight:750;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);border-color:#a78bfa}.btn.primary{border-color:transparent;background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 10px 32px #6d28d955}.btn.danger{color:#fff;background:#b91c3c}.btn.ghost{padding:9px 11px}.page{padding:32px 0 72px}.hero{padding:45px 0 28px;max-width:760px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800}.hero h1,.title{font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:15px 0}.hero p{max-width:620px;line-height:1.75;color:var(--muted);font-size:1.08rem}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(3,1fr)}.card,.panel{background:linear-gradient(135deg,rgba(124,58,237,.11),rgba(25,216,255,.035)),var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;backdrop-filter:blur(18px);box-shadow:0 18px 55px #00000024}.card h3{margin:0 0 8px}.card p,.muted{color:var(--muted);line-height:1.6}.service-card{cursor:pointer;transition:.2s}.service-card:hover,.selected{transform:translateY(-4px);border-color:#a78bfa!important;box-shadow:0 15px 50px #6d28d936}.icon{font-size:1.7rem;margin-bottom:25px}.auth{width:min(530px,calc(100% - 32px));margin:8vh auto}.auth h1{font-size:2.2rem;margin-top:0}.field{display:grid;gap:7px;margin:14px 0;font-size:.92rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);background:rgba(0,0,0,.14);border-radius:11px;padding:13px;color:var(--text);outline:none;width:100%;font:inherit}.light .field input,.light .field textarea,.light .field select{background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #19d8ff22}.notice{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:.9rem;display:none}.notice.error{display:block;background:#ef444425;color:#fecdd3}.notice.ok{display:block;background:#10b98125;color:#a7f3d0}.hidden{display:none!important}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0}.dashboard-head h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.05em;margin:8px 0}.metrics{grid-template-columns:repeat(3,1fr);margin:22px 0}.metric strong{font-size:2rem}.metric span{display:block;color:var(--muted);font-size:.85rem}.orders{display:grid;gap:14px}.order{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.order h3{margin:0 0 5px}.order p{margin:0;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:#6d28d930;color:#c4b5fd;font-size:.76rem;font-weight:800;text-transform:capitalize}.timeline{display:flex;gap:0;margin:25px 0 10px}.step{flex:1;position:relative;padding-top:25px;font-size:.72rem;color:var(--muted)}.step:before{content:"";position:absolute;top:5px;left:0;width:100%;height:2px;background:var(--line)}.step:after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--line)}.step.done:before,.step.done:after{background:var(--purple)}.step.active{color:var(--text);font-weight:800}.step.active:after{background:var(--cyan);box-shadow:0 0 0 5px #19d8ff26}.flow{width:min(760px,calc(100% - 32px));margin:4vh auto}.progress{height:5px;border-radius:99px;background:var(--line);margin:24px 0}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:.3s}.choice-grid{grid-template-columns:repeat(2,1fr)}.device{min-height:190px;font-size:1.15rem;text-align:left}.device b{font-size:3rem;display:block;margin-bottom:28px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-option{padding:20px;text-align:center}.admin-layout{display:grid;grid-template-columns:245px 1fr;gap:25px}.side{position:sticky;top:18px;height:max-content}.side button{display:block;width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:12px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.side button.active,.side button:hover{background:#6d28d927;color:var(--text)}.admin-main h1{margin-top:0}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow:auto}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar input{max-width:330px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:45px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:#00000099;display:grid;place-items:center;padding:16px;z-index:10}.modal .panel{width:min(640px,100%);max-height:90vh;overflow:auto}.article{line-height:1.75}.article h2{margin-top:1.8em}.footer{text-align:center;color:var(--muted);font-size:.85rem;padding:32px}.toast{position:fixed;right:18px;bottom:18px;padding:13px 16px;background:#151025;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 35px #0008;z-index:20}@media(max-width:760px){.cards,.metrics,.split{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.side{position:static;display:flex;gap:5px;overflow:auto}.side button{width:auto;white-space:nowrap}.dashboard-head{align-items:start;flex-direction:column}.order{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}.nav-actions .btn:not(.primary){display:none}.table{min-width:650px}}