@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070f20;--card:#101f38;--line:#29415e;--ink:#f3f7ff;--muted:#a9bbd3;--gold:#76baff;color-scheme:dark}
body{font-family:Inter,'Noto Sans Bengali',Arial,sans-serif;background:radial-gradient(ellipse at 75% 2%,#203e71 0,transparent 38%),radial-gradient(ellipse at 1% 42%,#101d43 0,transparent 43%),#070f20;color:var(--ink);min-height:100vh}
.shell{max-width:1320px;padding:25px 30px}
header{padding:9px 0 18px;border-bottom:1px solid #ffffff17;gap:14px;flex-wrap:wrap}
.brand{margin-right:auto}.brand b{font:800 26px Inter,sans-serif;letter-spacing:-1.2px}.brand small{letter-spacing:1.4px;color:#8da8ca}
.cube{background:linear-gradient(145deg,#73d2ff,#5069fa);box-shadow:0 9px 27px #3d81ff55;border-radius:15px;color:white;transform:rotate(-8deg)}
.tn-controls{display:flex;gap:9px;align-items:center}
.tn-controls label,.tn-controls button{display:flex;align-items:center;gap:5px;background:#172944;border:1px solid #375373;color:#e6f3ff;border-radius:12px;padding:9px 12px;font-size:13px;cursor:pointer;white-space:nowrap}
.tn-controls select{width:auto!important;background:transparent!important;border:0!important;color:inherit!important;padding:0!important;cursor:pointer}
#accountButton{border-radius:12px!important}
.hero{margin-top:22px;min-height:340px;padding:45px 50px;border-radius:28px;border:1px solid #42638b;background:radial-gradient(circle at 83% 10%,#427ac144,transparent 37%),linear-gradient(125deg,#183c6a,#101e38 70%);box-shadow:0 24px 65px #0004}
.hero:before{content:'';position:absolute;inset:-80px -30px auto auto;width:320px;height:320px;border-radius:50%;background:#6699ff1a;filter:blur(28px);pointer-events:none;animation:aurorafloat 12s ease-in-out infinite alternate}
@keyframes aurorafloat{to{transform:translate(-45px,25px)}}
.eyebrow{color:#8de0ff;letter-spacing:2px;font-weight:700}
h1{font-family:Inter,sans-serif;font-weight:900;letter-spacing:-2.5px;line-height:1.12}
.hero em{color:#89d4ff}.hero p{color:#c2d3eb}
.gold,.primary,.pwa-install{background:linear-gradient(110deg,#3995f5,#596bea)!important;color:white!important;border:1px solid #85b9ff44!important;box-shadow:0 9px 23px #276bd044;border-radius:12px!important}
.art{transform:rotate(-9deg) scale(1.08);filter:drop-shadow(0 15px 24px #040e32)}
.slab{border-color:#91caff!important;background:linear-gradient(135deg,#7dd4ff,#4266d6)!important;color:white!important;box-shadow:14px 20px 0 #142e64,25px 30px 35px #0008!important}
.s2{background:linear-gradient(140deg,#294c7b,#102442)!important}
.nav{padding:20px 0 22px;gap:7px;scrollbar-width:thin}
.nav button,.ghost{border:1px solid #2b4260;background:#13243d;color:#c8d7eb;border-radius:12px;padding:11px 15px;transition:.2s}
.nav button:hover,.ghost:hover{background:#1e3656;color:white}
.nav button.active{background:#3579e7!important;color:white!important;border-color:#69b7ff!important;box-shadow:0 5px 20px #397ff333}
.card,.panel,.kpi,.v2-tool{background:linear-gradient(145deg,#152b48,#0e1d34)!important;border:1px solid #2b4769!important;border-radius:20px!important;color:var(--ink)!important;box-shadow:0 12px 34px #020a1c4d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.v2-tool:hover{transform:perspective(1000px) translateY(-5px) rotateX(2deg);border-color:#66bbff!important;box-shadow:0 19px 42px #01091888}
.card .symbol,.stat strong{color:#83c8ff!important}
.card p,.hint,.heading p{color:var(--muted)!important}
input,select,textarea{background:#0a1b32!important;border:1px solid #3a5577!important;color:#f4f8ff!important;border-radius:11px!important}
.form label{color:#bdcee4}
footer{border-top:1px solid #ffffff18;margin-top:32px}
body.tn-light{--bg:#f4f7fc;--card:#fff;--line:#d7e2f1;--ink:#152a47;--muted:#657994;--gold:#2563d6;color-scheme:light;background:radial-gradient(circle at 80% 0,#dceaff,transparent 38%),#f4f7fc;color:#152a47}
body.tn-light header{border-bottom-color:#d9e4f1}
body.tn-light .brand small{color:#647b99}
body.tn-light .tn-controls label,body.tn-light .tn-controls button{background:#fff;color:#234363;border-color:#d5e2f0}
body.tn-light .hero{background:linear-gradient(125deg,#e1efff,#fff);border-color:#ccddf3;box-shadow:0 15px 45px #436a9a1b}
body.tn-light .hero p{color:#607996}
body.tn-light .eyebrow{color:#286fc5}
body.tn-light .hero em{color:#2576d8}
body.tn-light .nav button,body.tn-light .ghost{background:#fff;color:#395572;border-color:#d5e2f0}
body.tn-light .nav button.active{color:white!important}
body.tn-light .card,body.tn-light .panel,body.tn-light .kpi,body.tn-light .v2-tool{background:white!important;color:#152a47!important;border-color:#d8e3f0!important;box-shadow:0 10px 28px #345c8d14}
body.tn-light .card p,body.tn-light .hint,body.tn-light .heading p{color:#627994!important}
body.tn-light input,body.tn-light select,body.tn-light textarea{background:#fff!important;color:#152a47!important;border-color:#c5d4e7!important}
body.tn-light .form label{color:#425b79}
.tn-scan-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.tn-scan-preview img{width:100%;aspect-ratio:3/4;object-fit:contain;background:white;border-radius:10px}
.tn-scan-preview figure{margin:0}.tn-scan-preview figcaption{text-align:center;font-size:12px}
.tn-scan-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.tn-scan-controls button{padding:10px;border-radius:10px}
@media(max-width:700px){.shell{padding:12px}.hero{padding:25px 20px;min-height:285px}.art{display:none}.tn-controls{order:3;width:100%;justify-content:flex-start}.brand b{font-size:22px}h1{letter-spacing:-1.3px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.card,.v2-tool{transition:none}.card:hover,.v2-tool:hover{transform:none}}

/* Royal Indigo premium finish, no developer photo */
body:not(.tn-light){background:radial-gradient(ellipse at 82% 8%,#42336e 0,transparent 39%),radial-gradient(ellipse at 8% 65%,#192047 0,transparent 44%),#0b1020}
body:not(.tn-light) .hero{background:radial-gradient(circle at 83% 10%,#7554b455,transparent 40%),linear-gradient(125deg,#28234c,#11192d 75%);border-color:#5b507e}
body:not(.tn-light) .gold,body:not(.tn-light) .primary,body:not(.tn-light) .pwa-install{background:linear-gradient(115deg,#6559d7,#9670da)!important;border-color:#a69bef66!important}
body:not(.tn-light) .nav button.active{background:#6b5bd6!important;border-color:#998aff!important}
body:not(.tn-light) .card:hover,body:not(.tn-light) .v2-tool:hover{border-color:#a58eff!important}
body:not(.tn-light) .cube{background:linear-gradient(145deg,#b39aff,#6357d3)}

.studio-nav{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #8876cd;background:#2c2551;color:#f4eaff;text-decoration:none;border-radius:12px;font-weight:700}.studio-nav:hover{background:#514186}body.tn-light .studio-nav{background:#ede8ff;color:#4a3c86}