@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060914;--panel:#10192a;--panel2:#0c1424;--fg:#e6f1ff;--muted:#91a5c4;--line:#23354e;--cyan:#00e5ff;--blue:#407bff;--purple:#9a68ff;--danger:#ff6d89;--ok:#3affb8;--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 Inter,system-ui,sans-serif;color:var(--fg);background:radial-gradient(circle at 84% 5%,#0b2542 0,transparent 32%),radial-gradient(circle at 0% 26%,#151032 0,transparent 30%),var(--bg);min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#34638912 1px,transparent 1px),linear-gradient(90deg,#34638912 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#0008,transparent 78%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%}.shell{width:min(var(--max),calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:#060b17dc;backdrop-filter:blur(22px);border-bottom:1px solid #30425a88}.nav{height:79px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;min-width:206px}.brand img{width:45px;height:45px;filter:drop-shadow(0 0 12px #00e5ff44)}.brand b{font:800 26px/1 Rajdhani,sans-serif;letter-spacing:1.4px}.brand b em{color:var(--cyan);font-style:normal}.brand small{font:700 10px Inter,sans-serif;letter-spacing:4px;color:#a5b7d3;display:block}.links{display:flex;gap:17px;align-items:center;flex:1;justify-content:center}.links a{color:#b4c4db;font-size:12px;font-weight:700;transition:.2s}.links a:hover,.links a.active{color:var(--cyan)}.nav-right{display:flex;gap:9px;align-items:center}.menu-toggle{display:none;background:#152039;border:1px solid var(--line);color:#fff;border-radius:9px;padding:8px 13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border:1px solid #36506e;border-radius:10px;font-weight:800;font-size:12px;letter-spacing:.5px;background:#131d31;color:#e8f8ff;min-height:43px;transition:transform .18s,box-shadow .18s,border-color .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 30px #00e5ff23;border-color:var(--cyan)}.btn.primary{border-color:#32daff;background:linear-gradient(120deg,#00c7f9,#3f65ef);box-shadow:0 6px 32px #00bffd40;color:#001328}.btn.primary:hover{box-shadow:0 10px 34px #00d6ff69}.btn.light{border:1px solid #657baf;background:#1f2a46}.btn.text{background:transparent;border-color:transparent}.btn.small{padding:7px 11px;min-height:32px;font-size:11px}.pill{border:1px solid #00e5ff48;border-radius:99px;padding:8px 15px;display:inline-flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2px;font-weight:800;color:#6eedff;background:#00e5ff0d;text-transform:uppercase}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px currentColor}.dot.green{background:var(--ok)}.hero{position:relative;min-height:632px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:40px;padding:64px 0 56px}.hero h1{font:900 clamp(48px,6.1vw,94px)/.91 Rajdhani,sans-serif;letter-spacing:-1px;margin:24px 0 14px;text-shadow:0 0 50px #5cbcff26}.hero h1 span{background:linear-gradient(115deg,#d6faff 10%,#00ddff 50%,#a47bff);background-clip:text;color:transparent}.hero h2{font:700 21px/1 Rajdhani,sans-serif;letter-spacing:9px;color:#a6bdff;margin:0 0 28px}.hero p{max-width:540px;color:#a6bbd7;line-height:1.9}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-visual{position:relative;isolation:isolate;min-width:0}.hero-visual:before{content:'';inset:-10%;position:absolute;background:conic-gradient(from 80deg,#00d4ff14,#9a68ff1c,transparent,#00d4ff14);border-radius:50%;filter:blur(32px);z-index:-1;animation:rotate 25s linear infinite}.showcase{background:linear-gradient(130deg,#14253bf0,#0b1424fa);border:1px solid #4084ad8f;border-radius:17px;box-shadow:0 25px 100px #000a,0 0 80px #00e5ff17;overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);transition:.4s}.showcase:hover{transform:none}.showcase-top{display:flex;justify-content:space-between;align-items:center;background:#0a1525;border-bottom:1px solid #264262;padding:15px 18px}.showcase-top b{font:800 20px Rajdhani}.showcase-top small{color:#9bb1d2}.window-dots i{display:inline-block;background:#2b4362;width:8px;height:8px;border-radius:50%;margin-left:6px}.showcase-grid{display:grid;grid-template-columns:130px 1fr;min-height:340px}.side-mini{background:#091320;border-right:1px solid #2b445d;padding:20px 10px;display:flex;flex-direction:column;gap:16px;font-size:11px;color:#88a5c2}.side-mini b{color:var(--cyan);background:#00dcff1b;padding:8px 10px;border-radius:5px}.preview{padding:19px;background:radial-gradient(circle at 50% 54%,#112d49,#080f1c 65%)}.preview-head{display:flex;justify-content:space-between;font-size:12px;color:#aec1df;margin-bottom:13px}.pond{height:210px;border:1px solid #275775;border-radius:13px;position:relative;background:radial-gradient(circle,#103e64a8,#061427 62%);overflow:hidden;display:grid;place-items:center}.pond:before,.pond:after{content:'';position:absolute;border:1px solid #00e5ff52;width:172px;height:172px;border-radius:50%;animation:ripple 3s infinite}.pond:after{width:130px;height:130px;animation-delay:-1.3s}.fish{font-size:66px;position:relative;z-index:1;filter:drop-shadow(0 0 20px #00e5ff88);animation:swim 5s ease-in-out infinite}.crosshair{position:absolute;inset:12px;border:1px dashed #395b7b55}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-stat{background:#0b1726;border:1px solid #223a55;padding:9px 8px;border-radius:7px;text-align:center}.mini-stat strong{display:block;color:#e7f9ff;font:800 21px Rajdhani}.mini-stat small{font-size:9px;color:#88a5c0}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 0 46px}.status-item{border:1px solid #223954;background:#0b1524bb;border-radius:10px;padding:14px 20px}.status-item small{display:block;color:#7991af;letter-spacing:1.1px;font-size:10px;font-weight:800}.status-item b{font-size:13px;display:block;margin-top:5px}.cyan{color:var(--cyan)}.green{color:var(--ok)}.yellow{color:#fcd36d}.red{color:var(--danger)}.section{padding:80px 0}.section.tight{padding:36px 0 75px}.eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:800}.heading{text-align:center;margin:0 auto 42px;max-width:780px}.heading h2,.page-title h1{font:800 clamp(36px,4vw,59px)/1.08 Rajdhani;margin:10px 0 15px}.heading p,.page-title p{color:var(--muted);line-height:1.85}.accent{color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(155deg,#12203aeb,#0c1425ed);border:1px solid #243e5e;border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);border-color:#367b9e;box-shadow:0 15px 55px #00cfff11}.card h3{font:800 23px Rajdhani;margin:12px 0 7px}.card p{color:#99aecb;font-size:13px;line-height:1.8}.iconbox{display:grid;place-items:center;background:linear-gradient(140deg,#04ceef24,#7559ed20);border:1px solid #00c5fd3d;width:46px;height:46px;border-radius:12px;color:#55e9ff;font-size:23px}.tag{display:inline-block;border:1px solid #30618a;border-radius:30px;padding:3px 9px;color:#6de7ff;font:700 9px Inter;letter-spacing:1px}.tag.soon{border-color:#7d6b48;color:#eaca84}.banner{background:linear-gradient(90deg,#101f40e9,#10254588),url('/assets/hero.png') center/cover;min-height:260px;border:1px solid #336f8a;border-radius:17px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{font:800 43px Rajdhani;max-width:450px}.page-title{text-align:center;padding:83px 0 37px}.page-title p{max-width:650px;margin:auto}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.step-number{font:900 48px Rajdhani;color:#116e93;float:right}.step p{margin-bottom:0}.price{display:flex;gap:7px;align-items:flex-end;margin:18px 0 24px}.price strong{font:900 43px Rajdhani}.price small{color:#98b0cb}.plan.featured{border-color:#00c7ff;box-shadow:0 5px 40px #00cfff15}.plan ul{padding-left:20px;color:#a4b5d0;font-size:13px;min-height:90px}.plan li{margin:7px 0}.data-card{background:#0c1424ed;border:1px solid #2a405e;border-radius:13px;padding:21px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{letter-spacing:1px;text-transform:uppercase;font-size:10px;color:#8aa7bf}.data-table th,.data-table td{padding:13px 10px;border-bottom:1px solid #243853;vertical-align:middle}.data-table td{color:#c3d8ed;overflow-wrap:anywhere}.scroll{overflow:auto}.auth-wrap{width:min(490px,100%);margin:30px auto 100px}.field{display:block;margin-bottom:18px}.field span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#97b1cc;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #334f71;background:#090f1d;color:#eaf6ff;border-radius:8px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00e5ff22}.field textarea{min-height:120px;resize:vertical}.field input[type=file]{padding:10px}.notice{padding:12px 15px;background:#13273b;border:1px solid #305375;border-radius:9px;margin:14px 0;color:#c5e5f5}.notice.error{border-color:#7e3044;color:#ff9cac;background:#30121d}.notice.success{border-color:#1b715a;background:#0e3029;color:#98ffe1}.split{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}.dashnav{display:flex;flex-direction:column;gap:7px;padding:14px}.dashnav button{text-align:left;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:#9eb4cf}.dashnav button.active,.dashnav button:hover{background:#00e5ff12;color:#62eaff}.metric strong{display:block;font:900 31px Rajdhani}.metric small{color:#92a5c1;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.panel-title{font:800 24px Rajdhani;margin:0 0 14px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form .field{margin-bottom:0}.control-block{margin-top:22px}.footer{border-top:1px solid #223a57;margin-top:80px;background:#070d17;padding:33px 0 16px}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;color:#9cb0c6;font-size:12px;flex-wrap:wrap}.tiny{font-size:11px;color:#7f93ab}.faq{max-width:890px;margin:auto}.faq details{margin-bottom:10px;padding:16px 20px;border-radius:10px;border:1px solid #2b4566;background:#111b2a}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#a5bad3}.toast{position:fixed;bottom:25px;right:25px;z-index:100;max-width:430px;border:1px solid #277e92;background:#102c3e;color:#d8ffff;border-radius:12px;padding:13px 18px;box-shadow:0 20px 60px #0009}.dialog-backdrop{position:fixed;inset:0;background:#000c;z-index:70;display:grid;place-items:center;padding:18px}.dialog{max-width:520px;background:#111b30;border:1px solid #3e6387;border-radius:16px;padding:30px;box-shadow:0 30px 100px #000d}.dialog h2{font:800 30px Rajdhani}.preloader{min-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--cyan);font-size:12px;letter-spacing:5px}.preloader img{width:100px;animation:rotate 6s linear infinite}.sketch{background:linear-gradient(#0b1628d9,#0b1628bd),url('/assets/hero.png') center/cover;border:1px solid #234d78;border-radius:14px;height:320px;display:grid;place-items:center;overflow:hidden}.sketch img{width:190px;filter:drop-shadow(0 0 30px #00e5ff6a)}.muted{color:var(--muted)}.hide{display:none!important}.fade-in{animation:enter .55s both}@keyframes ripple{0%{transform:scale(.75);opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes swim{0%,100%{transform:translate(-35px,9px) rotate(-10deg)}50%{transform:translate(32px,-15px) rotate(12deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(max-width:1130px){.links{gap:9px}.links a{font-size:11px}.brand{min-width:160px}.hero{gap:15px}.hero h1{font-size:70px}}@media(max-width:920px){.links{display:none;position:absolute;top:79px;left:0;right:0;background:#081322;flex-direction:column;padding:22px;border-bottom:1px solid #2b435f;align-items:stretch;gap:13px}.links.open{display:flex}.links a{font-size:14px}.menu-toggle{display:block}.nav-right{margin-left:auto}.hero{grid-template-columns:1fr;padding:65px 0 34px;min-height:0}.hero-visual{max-width:690px;width:100%;margin:auto}.status-strip{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.dashnav{flex-direction:row;overflow:auto}.dashnav button{white-space:nowrap}}@media(max-width:600px){.shell{width:min(100% - 26px,var(--max))}.nav{height:68px}.links{top:68px}.brand{min-width:0}.brand b{font-size:22px}.brand img{width:40px}.nav-right>.btn{display:none}.hero h1{font-size:62px}.hero h2{font-size:16px;letter-spacing:5px}.status-strip,.grid,.steps,.stat-grid,.admin-form{grid-template-columns:1fr}.page-title{padding-top:54px}.section{padding:55px 0}.showcase-grid{grid-template-columns:85px 1fr}.side-mini{font-size:9px;padding:12px 5px}.preview{padding:12px}.pond{height:165px}.banner{display:block;padding:26px}.banner h2{font-size:34px}.foot-row{align-items:flex-start}.data-table{min-width:550px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
h1,h2,h3,h4,.panel-title,.metric strong,.mini-stat strong{font-family:Rajdhani,'Arial Narrow',Inter,Arial,sans-serif}

/* Keep the animated aura inside the preview on small screens. */
.hero-visual{min-width:0;overflow:clip;border-radius:20px}.hero-visual:before{inset:0}.hero>*{min-width:0}
@media(max-width:600px){.hero h1{font-size:clamp(42px,13vw,62px)}.pill{letter-spacing:1px;max-width:100%}.toast{left:13px;right:13px;max-width:calc(100% - 26px)}.dialog{width:100%;max-height:calc(100dvh - 36px);overflow:auto}}