/* FuturisticAI Premium Frontend v38 — presentation only. Functional controls remain in app.js. */
:root{
  --v38-bg:#030812;--v38-bg2:#061221;--v38-panel:rgba(8,22,38,.72);--v38-panel2:rgba(10,29,49,.82);
  --v38-line:rgba(121,210,255,.16);--v38-line2:rgba(121,210,255,.30);--v38-text:#f2f8ff;--v38-muted:#88a4bc;
  --v38-cyan:#67dcff;--v38-blue:#4a7dff;--v38-aqua:#77f6e8;--v38-good:#54ebc9;--v38-warn:#ffd36a;
  --v38-shadow:0 30px 90px rgba(0,0,0,.42);--v38-glow:0 0 60px rgba(80,191,255,.14);
}
html{background:var(--v38-bg)}
body{background:
 radial-gradient(circle at 82% 8%,rgba(59,127,255,.14),transparent 28%),
 radial-gradient(circle at 10% 30%,rgba(65,223,255,.08),transparent 28%),
 linear-gradient(180deg,#020711 0%,#06111f 48%,#030812 100%)!important;color:var(--v38-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(113,203,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(113,203,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 80%)}
.container{width:min(1240px,calc(100% - 44px))}
.public-nav{height:76px!important;background:rgba(2,8,18,.72)!important;border-bottom:1px solid rgba(103,220,255,.12)!important;backdrop-filter:blur(24px)!important}
.brand{font-size:20px!important;gap:11px!important}.brand-mark{position:relative;width:37px!important;height:37px!important;border-radius:12px!important;background:linear-gradient(145deg,#78e9ff,#4f73ff)!important;box-shadow:0 0 30px rgba(91,202,255,.24)!important}.brand-mark:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.5);border-radius:8px}.brand-mark:after{content:"F"!important;color:#03101d!important}
.nav-links{gap:30px!important}.nav-links a:not(.btn){color:#a2b7ca;transition:.2s}.nav-links a:not(.btn):hover{color:white}
.btn{border:1px solid rgba(115,191,235,.18)!important;background:rgba(11,28,47,.72)!important;border-radius:13px!important}.btn:hover{border-color:rgba(103,220,255,.45)!important;box-shadow:0 10px 34px rgba(0,0,0,.24)}.btn-primary{background:linear-gradient(135deg,#138bc9,#496cff)!important;border-color:transparent!important;box-shadow:0 14px 42px rgba(64,118,255,.28)!important}.btn-ghost{background:rgba(255,255,255,.02)!important}
.v38-hero{min-height:calc(100vh - 76px);display:grid;align-items:center;padding:78px 0 82px;position:relative;overflow:hidden}.v38-hero:after{content:"";position:absolute;width:540px;height:540px;right:-180px;top:20%;background:radial-gradient(circle,rgba(72,152,255,.15),transparent 65%);filter:blur(12px);pointer-events:none}.v38-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.v38-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(103,220,255,.2);background:rgba(65,174,255,.06);border-radius:999px;padding:8px 12px;color:#bdeeff;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.v38-kicker i{width:7px;height:7px;border-radius:50%;background:var(--v38-good);box-shadow:0 0 16px var(--v38-good)}
.v38-hero h1{font-size:clamp(54px,6.8vw,96px);line-height:.95;letter-spacing:-.067em;margin:24px 0 24px;max-width:840px}.v38-hero h1 .soft{color:#9bb0c6}.v38-hero h1 .glow{background:linear-gradient(90deg,#fff 0%,#8fe8ff 48%,#76a0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(106,211,255,.08)}.v38-hero-lead{font-size:19px;line-height:1.72;color:#9db2c6;max-width:720px}.v38-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v38-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#9bb0c5;font-size:12px}.v38-trust span:before{content:"✓";margin-right:7px;color:var(--v38-good)}
.v38-core-wrap{position:relative;min-height:560px;display:grid;place-items:center}.v38-core{position:relative;width:min(440px,86vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.v38-core:before,.v38-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(104,220,255,.18)}.v38-core:before{inset:10%;box-shadow:0 0 70px rgba(66,172,255,.09),inset 0 0 70px rgba(62,154,255,.05);animation:v38spin 18s linear infinite}.v38-core:after{inset:23%;border-style:dashed;animation:v38spinR 13s linear infinite}.v38-ring{position:absolute;inset:0;border:1px solid rgba(91,175,255,.12);border-radius:50%;animation:v38spin 28s linear infinite}.v38-ring.r2{inset:17%;border-color:rgba(103,240,231,.18);animation-duration:19s;animation-direction:reverse}.v38-ring:before,.v38-ring:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#67dcff;box-shadow:0 0 18px #67dcff}.v38-ring:before{top:11%;left:19%}.v38-ring:after{bottom:14%;right:18%;background:#77f6e8;box-shadow:0 0 18px #77f6e8}.v38-orb{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#9ef2ff 0%,#45a9ff 18%,#173d79 54%,#071326 75%);border:1px solid rgba(154,238,255,.5);box-shadow:0 0 70px rgba(76,179,255,.35),inset -16px -20px 50px rgba(0,0,0,.42);position:relative;z-index:2}.v38-orb span{font-size:34px;font-weight:900;letter-spacing:-.08em}.v38-orb small{display:block;font-size:9px;letter-spacing:.17em;text-transform:uppercase;margin-top:3px;color:#d7f7ff}.v38-float{position:absolute;padding:11px 13px;border:1px solid rgba(103,220,255,.18);background:rgba(7,22,38,.78);backdrop-filter:blur(18px);border-radius:13px;font-size:11px;color:#a9bfd2;box-shadow:var(--v38-shadow)}.v38-float b{display:block;color:#eaf8ff;font-size:12px;margin-bottom:2px}.v38-float.f1{left:1%;top:18%}.v38-float.f2{right:-2%;top:25%}.v38-float.f3{left:5%;bottom:18%}.v38-float.f4{right:2%;bottom:11%}
@keyframes v38spin{to{transform:rotate(360deg)}}@keyframes v38spinR{to{transform:rotate(-360deg)}}
.v38-section{padding:94px 0}.v38-section.tight{padding:66px 0}.v38-section-head{max-width:820px;margin-bottom:36px}.v38-section-head h2{font-size:clamp(36px,4.4vw,58px);line-height:1.04;letter-spacing:-.052em;margin:13px 0}.v38-section-head p{color:#90a8bd;font-size:17px;line-height:1.68}.v38-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v38-tile{position:relative;min-height:230px;padding:24px;border:1px solid var(--v38-line);background:linear-gradient(155deg,rgba(11,29,49,.83),rgba(4,14,27,.78));border-radius:20px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.17)}.v38-tile:after{content:"";position:absolute;width:120px;height:120px;right:-35px;top:-35px;border-radius:50%;background:radial-gradient(circle,rgba(80,190,255,.12),transparent 70%)}.v38-tile .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(77,185,255,.09);border:1px solid rgba(105,219,255,.15);color:#8de7ff;font-weight:900}.v38-tile h3{font-size:19px;margin:18px 0 8px;letter-spacing:-.025em}.v38-tile p{color:#8fa8bd;font-size:13px;line-height:1.65;margin:0}.v38-tile .meta{margin-top:18px;color:#72ead5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.v38-band{border-top:1px solid var(--v38-line);border-bottom:1px solid var(--v38-line);background:linear-gradient(90deg,rgba(20,90,150,.05),rgba(61,132,255,.08),rgba(30,207,190,.04));padding:26px 0}.v38-band-inner{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.v38-band-chip{display:flex;align-items:center;gap:9px;color:#a8bfd2;font-size:12px}.v38-band-chip i{width:7px;height:7px;border-radius:50%;background:#58dabd;box-shadow:0 0 12px rgba(88,218,189,.5)}
.v38-split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.v38-stage{border:1px solid var(--v38-line);border-radius:22px;padding:25px;background:rgba(7,21,37,.68)}.v38-stage h3{font-size:20px;margin:0 0 9px}.v38-stage p{color:#8ea6bb;font-size:13px;line-height:1.6}.v38-steps{display:grid;gap:10px;margin-top:18px}.v38-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px;border-radius:13px;background:rgba(12,32,53,.55);border:1px solid rgba(116,194,239,.10)}.v38-step b{display:block;font-size:13px}.v38-step span{font-size:11px;color:#89a2b8}.v38-step em{width:30px;height:30px;border-radius:9px;background:#0e2b48;display:grid;place-items:center;color:#79e2ff;font-style:normal;font-size:11px;font-weight:900}
.v38-price-note{display:flex;justify-content:center;margin-top:25px;color:#8fa6ba;font-size:12px}.pricing-grid{gap:14px!important}.price-card{background:linear-gradient(160deg,rgba(10,27,46,.9),rgba(5,16,30,.82))!important;border:1px solid var(--v38-line)!important;border-radius:22px!important;box-shadow:0 20px 65px rgba(0,0,0,.22)}.price-card.featured{border-color:rgba(90,205,255,.46)!important;transform:translateY(-7px)}
/* Auth */
.auth-wrap{background:radial-gradient(circle at 70% 20%,rgba(68,137,255,.12),transparent 30%)}.auth-card{border:1px solid rgba(100,204,255,.18)!important;background:linear-gradient(160deg,rgba(9,25,43,.96),rgba(3,12,23,.94))!important;box-shadow:0 32px 100px rgba(0,0,0,.46)!important;border-radius:25px!important}
/* App shell */
.app-layout{grid-template-columns:278px 1fr!important;background:transparent!important}.sidebar{background:linear-gradient(180deg,rgba(3,11,22,.98),rgba(5,16,29,.95))!important;border-right:1px solid rgba(100,204,255,.11)!important;padding:17px 13px!important}.side-brand{padding:7px 10px 18px!important}.v38-side-label{padding:0 11px 12px;color:#55738e;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.side-link{border:1px solid transparent!important;border-radius:11px!important;padding:10px 12px!important;color:#819aae!important;font-size:12px!important}.side-link:hover{background:rgba(27,70,111,.23)!important;color:#dff6ff!important;border-color:rgba(110,218,255,.09)!important}.side-link.active{background:linear-gradient(90deg,rgba(43,122,190,.25),rgba(65,106,255,.12))!important;color:white!important;border-color:rgba(100,209,255,.18)!important;box-shadow:inset 3px 0 0 #5bdcff}.side-icon{color:#6fdcff!important}.side-bottom{background:rgba(16,38,61,.46)!important;border:1px solid rgba(105,200,249,.12)!important}.topbar{height:70px!important;background:rgba(3,11,22,.7)!important;border-bottom:1px solid rgba(101,203,255,.1)!important;backdrop-filter:blur(22px)!important}.topbar h1{font-size:15px!important;letter-spacing:.02em}.content{padding:28px!important;max-width:1600px!important}.panel,.card,.stat{background:linear-gradient(155deg,rgba(10,29,49,.78),rgba(4,14,27,.7))!important;border:1px solid rgba(109,196,242,.13)!important;box-shadow:0 16px 55px rgba(0,0,0,.13)!important}.panel{border-radius:19px!important}.card,.stat{border-radius:17px!important}.panel-head{border-bottom:1px solid rgba(102,192,239,.1)!important}.stat strong{background:linear-gradient(90deg,#fff,#9eeaff);-webkit-background-clip:text;background-clip:text;color:transparent}.callout{border-color:rgba(103,220,255,.18)!important;background:rgba(54,145,205,.06)!important;color:#afeaff!important}.callout.warn{border-color:rgba(255,206,100,.18)!important;background:rgba(255,188,59,.05)!important;color:#f8dda0!important}.input,.select,.textarea{background:rgba(3,14,26,.82)!important;border-color:rgba(111,191,234,.15)!important}.input:focus,.select:focus,.textarea:focus{border-color:rgba(103,220,255,.45)!important;box-shadow:0 0 0 3px rgba(71,185,255,.07)!important}
.v38-app-status{display:flex;align-items:center;gap:8px;color:#7d96ab;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.v38-app-status i{width:7px;height:7px;border-radius:50%;background:#54ebc9;box-shadow:0 0 12px rgba(84,235,201,.65)}
.v38-command{display:grid;grid-template-columns:1.28fr .72fr;gap:16px;margin-bottom:17px}.v38-jarvis-card{position:relative;min-height:300px;padding:28px;border-radius:22px;border:1px solid rgba(103,220,255,.18);background:radial-gradient(circle at 78% 48%,rgba(49,126,255,.14),transparent 26%),linear-gradient(145deg,rgba(9,31,52,.94),rgba(5,15,29,.86));overflow:hidden}.v38-jarvis-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(105,220,255,.15);border-radius:50%;right:-45px;top:18px;box-shadow:inset 0 0 70px rgba(75,179,255,.05)}.v38-jarvis-card h2{font-size:40px;letter-spacing:-.045em;margin:9px 0 9px}.v38-jarvis-card p{max-width:630px;color:#94acc0;line-height:1.6;font-size:14px}.v38-jarvis-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.v38-mini-orb{position:absolute;right:48px;top:78px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#b7f5ff,#3faaff 20%,#153762 58%,#071324 78%);box-shadow:0 0 55px rgba(72,178,255,.3);display:grid;place-items:center;z-index:2;font-size:24px;font-weight:900}.v38-side-stack{display:grid;gap:12px}.v38-status-card{padding:17px;border-radius:17px;background:linear-gradient(155deg,rgba(10,29,49,.78),rgba(4,14,27,.7));border:1px solid rgba(109,196,242,.13)}.v38-status-card span{color:#7d97ad;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.v38-status-card b{display:block;margin-top:7px;font-size:19px}.v38-status-card small{display:block;color:#7890a6;margin-top:4px}.v38-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v38-module{padding:18px;border-radius:17px;background:rgba(8,25,43,.68);border:1px solid rgba(103,193,241,.12);min-height:132px;transition:.2s}.v38-module:hover{transform:translateY(-2px);border-color:rgba(103,220,255,.28);background:rgba(11,31,52,.78)}.v38-module .k{color:#6fdcff;font-size:19px}.v38-module b{display:block;margin:10px 0 5px}.v38-module span{color:#7f99af;font-size:11px;line-height:1.45}.v38-module a{display:inline-block;margin-top:9px;color:#8fe8ff;font-size:11px;font-weight:800}
.chat-shell{border-color:rgba(105,200,249,.14)!important;background:rgba(5,17,30,.72)!important;box-shadow:0 22px 70px rgba(0,0,0,.22)!important}.chat-list{background:rgba(3,13,24,.62)!important;border-right-color:rgba(105,200,249,.1)!important}.compose-box{background:rgba(4,17,30,.9)!important;border-color:rgba(100,200,249,.23)!important;border-radius:16px!important}.msg-role{background:linear-gradient(145deg,#153c63,#234d7d)!important;border:1px solid rgba(105,220,255,.13)!important}.conversation.active{background:linear-gradient(90deg,rgba(42,105,168,.25),rgba(50,89,165,.1))!important}.table th{color:#6e8ba3!important}.table td{border-bottom-color:rgba(119,193,230,.07)!important}.badge{background:rgba(4,18,31,.72)!important}
/* Markets enhancement */
.markets-hero,.markets-shell,.markets-grid,.markets-dashboard{filter:saturate(1.08)}
/* mobile */
@media(max-width:1100px){.v38-module-grid{grid-template-columns:repeat(2,1fr)}.v38-command{grid-template-columns:1fr}.v38-hero-grid{grid-template-columns:1fr}.v38-core-wrap{min-height:480px}.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.container{width:min(100% - 28px,1240px)}.v38-hero{padding-top:52px}.v38-hero h1{font-size:51px}.v38-core-wrap{min-height:390px}.v38-core{width:340px}.v38-float{display:none}.v38-grid,.v38-split,.v38-module-grid,.pricing-grid{grid-template-columns:1fr!important}.app-layout{grid-template-columns:1fr!important}.content{padding:17px!important}.v38-mini-orb{opacity:.28;right:15px}.v38-jarvis-card{padding:22px}.v38-jarvis-card h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.v38-ring,.v38-core:before,.v38-core:after{animation:none}}