:root{--bg:#040914;--panel:#091426;--panel2:#0d1b31;--text:#f7f9ff;--muted:#8fa2bf;--blue:#1f6fff;--cyan:#35c2ff;--gold:#f6c84c;--green:#31d09b;--red:#ff647c;--line:rgba(255,255,255,.09);--shadow:0 25px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0%,rgba(31,111,255,.18),transparent 33%),radial-gradient(circle at 90% 18%,rgba(246,200,76,.09),transparent 25%),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(4,9,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;font-size:23px;letter-spacing:-.7px}.brand span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:24px;color:#c9d6eb;font-size:14px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;transition:.25s;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),#1348d7);color:white;box-shadow:0 10px 30px rgba(31,111,255,.28)}.btn-gold{background:linear-gradient(135deg,var(--gold),#e49c1f);color:#101827}.btn-ghost{background:rgba(255,255,255,.04);color:#eaf0ff;border:1px solid var(--line)}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.environment-badge{position:fixed;right:16px;top:88px;z-index:45;background:rgba(246,200,76,.12);border:1px solid rgba(246,200,76,.45);color:var(--gold);font-weight:900;font-size:11px;letter-spacing:1.8px;padding:7px 10px;border-radius:999px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:80px 0 55px}.eyebrow{color:var(--cyan);font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.hero h1{font-size:clamp(45px,6vw,78px);line-height:1.02;letter-spacing:-3px;margin:15px 0 22px}.gradient-text{background:linear-gradient(90deg,#fff 5%,#77b7ff 48%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.trust-row{display:flex;gap:24px;margin-top:35px;flex-wrap:wrap;color:#b9c8de;font-size:13px}.trust-row span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(53,194,255,.13);border-radius:50%;animation:spin 16s linear infinite}.orbit.one{width:430px;height:430px}.orbit.two{width:330px;height:330px;animation-direction:reverse;animation-duration:12s}.coin{position:absolute;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:900;box-shadow:0 20px 55px rgba(0,0,0,.5);animation:float 4s ease-in-out infinite}.coin.btc{background:linear-gradient(145deg,#ffca4f,#e18a17);color:#fff;top:45px;right:80px}.coin.eth{background:linear-gradient(145deg,#557cff,#172d7c);left:36px;bottom:75px;animation-delay:-1.2s}.coin.gold{background:linear-gradient(145deg,#ffe794,#c98908);color:#4d3400;right:15px;bottom:100px;animation-delay:-2s}.chart-card{position:relative;width:min(460px,92%);background:linear-gradient(145deg,rgba(13,27,49,.96),rgba(5,13,28,.92));border:1px solid rgba(80,156,255,.25);border-radius:28px;padding:26px;box-shadow:var(--shadow);overflow:hidden}.chart-card:before{content:"";position:absolute;inset:-60% 30% auto -20%;height:250px;background:radial-gradient(circle,rgba(31,111,255,.35),transparent 62%)}.chart-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.chart-top small{color:var(--muted)}.chart-top strong{font-size:30px}.up{color:var(--green)}.chart-svg{width:100%;height:190px;margin-top:10px}.ticker{border-block:1px solid var(--line);background:rgba(9,20,38,.75);overflow:hidden}.ticker-track{display:flex;width:max-content;gap:60px;padding:15px 0;animation:ticker 27s linear infinite}.ticker-item{display:flex;align-items:center;gap:10px;font-size:14px}.section{padding:95px 0}.section-head{text-align:center;max-width:750px;margin:0 auto 48px}.section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;margin:8px 0 13px}.section-head p{color:var(--muted)}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,rgba(13,27,49,.88),rgba(6,14,29,.9));border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(53,194,255,.28)}.icon{width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,rgba(31,111,255,.22),rgba(246,200,76,.13));display:grid;place-items:center;font-size:22px;margin-bottom:18px}.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:14px}.market-section{background:linear-gradient(180deg,transparent,rgba(9,20,38,.68),transparent)}.globe-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.globe-card{min-height:520px;position:relative;overflow:hidden}.globe-stage{height:100%;min-height:470px;display:grid;place-items:center;position:relative}.globe{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#2c86f8 0,#0d3c89 28%,#061b45 62%,#020a19 100%);box-shadow:inset -35px -20px 60px rgba(0,0,0,.65),0 0 80px rgba(31,111,255,.28);position:relative;overflow:hidden;animation:float 6s ease-in-out infinite}.globe:before,.globe:after{content:"";position:absolute;inset:0;border-radius:50%}.globe:before{background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.055) 39px 40px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.05) 39px 40px);transform:scale(1.25)}.globe:after{background:radial-gradient(ellipse at 34% 30%,rgba(52,213,146,.48) 0 8%,transparent 9%),radial-gradient(ellipse at 62% 38%,rgba(52,213,146,.42) 0 9%,transparent 10%),radial-gradient(ellipse at 74% 64%,rgba(52,213,146,.4) 0 6%,transparent 7%),radial-gradient(ellipse at 38% 69%,rgba(52,213,146,.35) 0 7%,transparent 8%)}.market-pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(246,200,76,.13),0 0 22px var(--gold);animation:pulse 2s infinite}.market-pin span{position:absolute;white-space:nowrap;font-size:11px;font-weight:800;left:15px;top:-4px}.p1{left:25%;top:38%}.p2{left:47%;top:29%;animation-delay:-.4s}.p3{left:67%;top:40%;animation-delay:-.8s}.p4{left:54%;top:58%;animation-delay:-1.1s}.p5{left:73%;top:68%;animation-delay:-1.5s}.sentiment{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.035)}.gauge{width:115px;height:58px;border-radius:120px 120px 0 0;background:conic-gradient(from 270deg,var(--red),var(--gold),var(--green),transparent 0);position:relative;overflow:hidden}.gauge:after{content:"";position:absolute;inset:14px 14px 0;background:var(--panel);border-radius:100px 100px 0 0}.list{display:grid;gap:11px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.stats{grid-template-columns:repeat(4,1fr)}.stat{text-align:center}.stat strong{font-size:38px;display:block;color:var(--gold)}.plans .card{position:relative}.popular{border-color:rgba(246,200,76,.55);transform:translateY(-8px)}.popular:before{content:"MOST POPULAR";position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:1px;background:var(--gold);color:#111827;padding:5px 12px;border-radius:999px}.price{font-size:34px;font-weight:900;margin:15px 0}.features{display:grid;gap:10px;color:#bdcbe0;font-size:14px;margin:20px 0}.features span:before{content:"✓";color:var(--green);margin-right:8px}.cta{background:linear-gradient(125deg,rgba(31,111,255,.18),rgba(246,200,76,.12));border:1px solid rgba(246,200,76,.18);border-radius:30px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer{padding:55px 0 28px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer h4{color:#fff;margin-bottom:14px}.footer a{display:block;margin:8px 0;font-size:14px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;font-size:13px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#06101f;border-right:1px solid var(--line);padding:26px 18px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.side-nav{display:grid;gap:6px;margin-top:30px}.side-nav a{padding:12px 14px;border-radius:11px;color:#aebed5;font-size:14px}.side-nav a.active,.side-nav a:hover{background:rgba(31,111,255,.14);color:#fff}.main{padding:26px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric strong{display:block;font-size:28px;margin-top:8px}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-top:20px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}.table th{color:#8fa2bf;font-size:12px;text-transform:uppercase}.status{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(49,208,155,.12);color:var(--green)}.status.pending{background:rgba(246,200,76,.12);color:var(--gold)}.wallet-box{border:1px solid rgba(53,194,255,.23);background:linear-gradient(145deg,rgba(31,111,255,.11),rgba(246,200,76,.05))}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;place-items:center;padding:20px;z-index:90}.modal.open{display:grid}.modal-card{width:min(520px,100%);background:#091426;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.wallet-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.wallet-option{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer;text-align:left}.notice{margin-top:16px;padding:12px;border-radius:12px;background:rgba(246,200,76,.08);border:1px solid rgba(246,200,76,.18);color:#dbc987;font-size:12px}.ai-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--gold));display:grid;place-items:center;font-size:24px;box-shadow:0 15px 40px rgba(31,111,255,.35);cursor:pointer;z-index:60}.ai-panel{position:fixed;right:22px;bottom:92px;width:min(380px,calc(100% - 35px));background:#091426;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);display:none;z-index:60}.ai-panel.open{display:block}.mobile-toggle{display:none}.page-title h1{font-size:32px}.small{font-size:12px;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes pulse{50%{transform:scale(1.35);opacity:.7}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:950px){.nav-links{display:none}.hero,.globe-wrap,.content-grid{grid-template-columns:1fr}.hero{text-align:center;padding-top:60px}.hero p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:470px}.grid-4,.stats,.dash-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:80;width:250px;transition:.25s}.sidebar.open{left:0}.mobile-toggle{display:inline-flex}.main{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nav-actions .btn-ghost{display:none}.hero h1{letter-spacing:-2px}.hero-visual{min-height:390px}.orbit.one{width:330px;height:330px}.orbit.two{width:260px;height:260px}.coin{width:66px;height:66px;font-size:28px}.grid-3,.grid-4,.stats,.dash-grid,.wallet-options,.footer-grid{grid-template-columns:1fr}.globe{width:280px;height:280px}.cta{padding:34px 24px;display:block}.cta .btn{margin-top:20px}.popular{transform:none}.main{padding:15px}.topbar{align-items:flex-start}.topbar .nav-actions{flex-wrap:wrap;justify-content:flex-end}}

.grid-2{grid-template-columns:repeat(2,1fr)}
.input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#050d1c;color:#fff;outline:none}.input:focus{border-color:rgba(53,194,255,.55);box-shadow:0 0 0 3px rgba(53,194,255,.08)}.input.compact{width:220px}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.filter-bar .input{max-width:260px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.form-grid label{display:grid;gap:7px;color:#b9c8dc;font-size:13px}.form-grid .full{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}textarea.input{resize:vertical}.notification-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:3px;box-shadow:0 0 10px var(--gold)}.notification-drawer{position:fixed;top:0;right:-420px;width:min(400px,100%);height:100vh;background:#071223;border-left:1px solid var(--line);padding:24px;z-index:120;transition:.3s;box-shadow:var(--shadow)}.notification-drawer.open{right:0}.notification-list{display:grid;gap:12px;margin-top:20px}.notification-item{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.notification-item span,.notification-item small{color:var(--muted)}.notification-item.unread{border-color:rgba(53,194,255,.28)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:#0c1b31;border:1px solid rgba(53,194,255,.3);padding:13px 18px;border-radius:12px;z-index:150;transition:.3s;box-shadow:var(--shadow)}.toast.show{transform:translate(-50%,0)}.allocation{display:flex;align-items:center;gap:40px;padding:28px 0}.donut{width:210px;height:210px;border-radius:50%;background:conic-gradient(#35c2ff 0 38%,#1f6fff 38% 62%,#f6c84c 62% 80%,#31d09b 80% 92%,#8394ad 92%);position:relative}.donut:after{content:"$84.3K";position:absolute;inset:38px;border-radius:50%;background:#091426;display:grid;place-items:center;font-size:24px;font-weight:900}.legend{display:grid;gap:12px;flex:1}.legend div{display:flex;align-items:center;gap:10px}.legend i{width:10px;height:10px;border-radius:3px;background:var(--cyan)}.legend b{margin-left:auto}.market-card .spark{width:100%;height:60px;margin-top:18px}.spark path{fill:none;stroke:var(--cyan);stroke-width:3}.support-layout{display:grid;grid-template-columns:.85fr 1.45fr;gap:20px}.ticket-list{display:grid;gap:10px;margin-top:16px}.ticket{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;cursor:pointer}.ticket span{display:grid;gap:5px}.ticket small{color:var(--muted)}.ticket i{font-style:normal;color:var(--gold);font-size:11px}.ticket.active{border-color:rgba(53,194,255,.35);background:rgba(31,111,255,.08)}.conversation{display:flex;flex-direction:column;min-height:560px}.messages{display:flex;flex-direction:column;gap:12px;flex:1;padding:25px 0}.message{max-width:78%;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.05)}.message.admin{align-self:flex-end;background:rgba(31,111,255,.18)}.reply-box{display:grid;grid-template-columns:1fr auto;gap:12px}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(31,111,255,.18),transparent 35%),#050b16}.auth-shell{width:min(520px,calc(100% - 30px));text-align:center}.auth-card{text-align:left;margin-top:25px;padding:34px}.auth-card h1{font-size:36px;margin:8px 0}.ai-reply{margin-top:12px;line-height:1.5}.quick-modal.open{display:grid}
@media(max-width:950px){.settings-grid,.support-layout{grid-template-columns:1fr}.allocation{flex-direction:column}.filter-bar{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:620px){.grid-2{grid-template-columns:1fr}.reply-box{grid-template-columns:1fr}.input.compact{width:100%}.allocation .donut{width:180px;height:180px}}


/* Phase 3: cinematic interaction and responsive polish */
:root[data-theme="light"]{--bg:#edf3ff;--panel:#fff;--panel-2:#f6f8ff;--text:#10182b;--muted:#66708a;--line:rgba(14,35,77,.12)}
:root[data-theme="midnight"]{--bg:#020611;--panel:#071022;--panel-2:#09152b}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
.market-pin.active span{opacity:1;transform:translate(-50%,-10px) scale(1)}
.market-detail{position:absolute;right:22px;bottom:22px;width:min(280px,calc(100% - 44px));padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(5,15,35,.86);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:4}
.market-detail h4{margin:0 0 6px}.market-detail p{margin:0;color:var(--muted);font-size:13px}.market-detail .up{font-size:18px;font-weight:800}
.chart-tooltip{position:fixed;pointer-events:none;z-index:1000;padding:8px 10px;border-radius:10px;background:#071022;border:1px solid var(--line);font-size:12px;opacity:0;transform:translateY(4px);transition:.15s}
.theme-switcher{display:flex;gap:8px;flex-wrap:wrap}.theme-chip{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.theme-chip.active{outline:2px solid var(--gold);outline-offset:2px}
.onboarding{position:fixed;inset:0;background:rgba(0,4,14,.72);display:none;place-items:center;z-index:1100;padding:20px}.onboarding.open{display:grid}.onboarding-card{width:min(560px,100%);padding:28px;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.5)}.onboarding-step{display:none}.onboarding-step.active{display:block}.onboarding-dots{display:flex;gap:7px;margin:20px 0}.onboarding-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.onboarding-dots i.active{width:26px;border-radius:8px;background:var(--gold)}
.command-results{margin-top:12px;display:grid;gap:8px}.command-result{padding:12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer}.command-result:hover{border-color:rgba(212,175,55,.55)}
.notification-item{padding:14px;border-bottom:1px solid var(--line)}.notification-item.unread{background:rgba(53,194,255,.05)}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 0 5px rgba(55,214,122,.1);margin-right:8px}
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.system-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}
.heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.heatmap div{padding:18px 8px;border-radius:12px;text-align:center;font-weight:800;background:rgba(53,194,255,.12)}.heatmap div:nth-child(3n){background:rgba(55,214,122,.16)}.heatmap div:nth-child(4n){background:rgba(255,107,107,.14)}
@media(max-width:900px){.system-grid{grid-template-columns:repeat(2,1fr)}.market-detail{position:relative;right:auto;bottom:auto;margin:16px;width:auto}.heatmap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.system-grid{grid-template-columns:1fr}.onboarding-card{padding:20px}.heatmap{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Phase 4 premium market terminal */
.market-pin.p6{left:69%;top:48%}.market-pin.p7{left:48%;top:35%}.globe:before{animation:globeSpin 18s linear infinite}.globe:after{content:"";position:absolute;inset:6%;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:rotate(-18deg);pointer-events:none}.globe-stage:before,.globe-stage:after{content:"";position:absolute;width:72%;height:20%;border:1px solid rgba(53,194,255,.18);border-radius:50%;left:14%;top:40%;transform:rotate(16deg);animation:orbitPulse 5s ease-in-out infinite}.globe-stage:after{transform:rotate(-21deg);animation-delay:-2.5s}@keyframes orbitPulse{50%{opacity:.25;scale:1.04}}
.terminal-shell{padding:30px 0 70px}.terminal-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.terminal-tabs,.range-tabs{display:flex;gap:8px;flex-wrap:wrap}.terminal-tab,.range-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);border-radius:10px;padding:9px 13px;cursor:pointer}.terminal-tab.active,.range-btn.active{background:rgba(31,111,255,.18);border-color:rgba(53,194,255,.35);color:#fff}.terminal-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px}.terminal-chart{min-height:430px}.terminal-chart svg{width:100%;height:280px;margin-top:20px}.market-table-card{grid-column:1/-1}.market-symbol{display:flex;align-items:center;gap:10px}.market-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(31,111,255,.25),rgba(246,200,76,.18));font-weight:900}.mini-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.terminal-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.terminal-kpi div{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.terminal-kpi strong{display:block;margin-top:6px}.heatmap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.heat{padding:16px 10px;border-radius:12px;text-align:center;background:rgba(49,208,155,.10);border:1px solid rgba(49,208,155,.16)}.heat.down{background:rgba(255,91,112,.09);border-color:rgba(255,91,112,.16)}.terminal-news{display:grid;gap:12px;margin-top:14px}.terminal-news article{padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
@media(max-width:900px){.terminal-grid{grid-template-columns:1fr}.terminal-kpi{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.terminal-head{display:block}.terminal-tabs{margin-top:14px}.terminal-kpi,.heatmap{grid-template-columns:1fr 1fr}.market-table-card{overflow-x:auto}}

/* Phase 5 backend states */
html[data-backend="preview"] body[data-auth]::before{content:"PREVIEW MODE · Add Supabase values to connect live data";position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9999;padding:9px 14px;border:1px solid rgba(255,196,73,.36);border-radius:999px;background:rgba(7,16,35,.92);color:#f4c85d;font-size:11px;letter-spacing:.08em;box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.form-message{min-height:20px;font-size:13px;color:#ff9eaa}.form-message.success{color:#6fe7b0}
.btn[disabled]{opacity:.62;cursor:not-allowed}
.backend-status{display:inline-flex;align-items:center;gap:8px;font-size:12px}.backend-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#f4c85d;box-shadow:0 0 12px currentColor}html[data-backend="connected"] .backend-status::before{background:#51d99b}
@media(max-width:700px){html[data-backend="preview"] body[data-auth]::before{max-width:calc(100% - 24px);width:max-content;text-align:center;font-size:9px}}
.side-signout{width:100%;margin-top:12px;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.side-signout:hover{background:rgba(255,255,255,.06);color:var(--text)}

/* Phase 5.4 — compact premium refinement */
:root{--radius:14px;--radius-sm:10px;--compact-shadow:0 14px 38px rgba(0,0,0,.24)}
body{font-size:14px;line-height:1.48}.container{width:min(1240px,94%)}
.nav-inner{height:62px}.brand{font-size:20px}.nav-links{gap:18px;font-size:13px}
.btn{border-radius:9px;padding:9px 13px;font-size:12.5px;min-height:36px}.btn:hover{transform:translateY(-1px)}
.app-shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:20px 14px}.side-nav{gap:3px;margin-top:22px}.side-nav a,.side-signout{padding:9px 11px;border-radius:8px;font-size:13px}.main{padding:0 24px 34px}.topbar{min-height:70px;margin-bottom:18px}.page-title h1{font-size:23px;letter-spacing:-.5px}.page-title .small{font-size:11px}.nav-actions{gap:7px}
.card,.compact-card{border-radius:var(--radius);padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,27,49,.92),rgba(7,17,34,.9));box-shadow:var(--compact-shadow)}
.dash-grid{gap:11px;margin-bottom:14px}.metric{min-height:112px}.metric strong{font-size:24px}.content-grid{gap:14px;margin-bottom:14px}.chart-svg{height:160px}.table th,.table td{padding:11px 9px}.modal-card{border-radius:16px;padding:20px}.wallet-options{gap:8px}.wallet-option{padding:12px;border-radius:10px}
.grid-2,.grid-3,.grid-4{gap:13px}.section{padding:54px 0}.hero{min-height:610px;padding:56px 0 44px}.hero h1{font-size:clamp(40px,5.5vw,68px)}
.ai-fab{width:48px;height:48px}.ai-panel{width:min(340px,calc(100% - 28px));border-radius:16px}.onboarding-card{border-radius:16px;padding:22px}

/* Deposit centre */
.deposit-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px;overflow:hidden;position:relative}.deposit-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,rgba(53,194,255,.16),transparent 68%);pointer-events:none}.deposit-hero h2{font-size:20px;margin:4px 0 5px}.deposit-hero p{color:var(--muted);max-width:720px;font-size:12.5px}.connected-pill{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:8px 11px;border-radius:999px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.connected-pill span{width:7px;height:7px;border-radius:50%;background:#8795aa}.connected-pill.connected{color:var(--green);border-color:rgba(49,208,155,.25)}.connected-pill.connected span{background:var(--green);box-shadow:0 0 12px var(--green)}
.coin-marquee{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);margin-bottom:13px}.coin-track{display:flex;width:max-content;animation:coinScroll 26s linear infinite;padding:8px 0}.coin-track span{display:flex;align-items:center;gap:7px;padding:0 18px;color:#c9d6eb;font-size:11px;font-weight:800;letter-spacing:.03em}.coin-track img{width:20px;height:20px}.coin-marquee:hover .coin-track{animation-play-state:paused}@keyframes coinScroll{to{transform:translateX(-50%)}}
.deposit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px}.deposit-assets{display:grid;gap:8px}.deposit-card{border:1px solid var(--line);border-radius:12px;background:rgba(9,20,38,.78);overflow:hidden;transition:.25s}.deposit-card:hover,.deposit-card.selected{border-color:rgba(53,194,255,.35);box-shadow:0 12px 30px rgba(0,0,0,.2)}.deposit-summary{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.coin-orbit{width:38px;height:38px;display:grid;place-items:center;position:relative;flex:none}.coin-orbit:before{content:"";position:absolute;inset:-2px;border:1px dashed rgba(255,255,255,.18);border-radius:50%;animation:spin 9s linear infinite}.coin-orbit img{width:30px;height:30px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22));animation:coinFloat 3.2s ease-in-out infinite}.asset-name{display:grid;line-height:1.25}.asset-name strong{font-size:14px}.asset-name small{color:var(--muted);font-size:10.5px;margin-top:3px}.deposit-chevron{margin-left:auto;transition:.25s}.deposit-card.selected .deposit-chevron{transform:rotate(180deg)}.deposit-detail{display:none;padding:0 14px 14px}.deposit-card.selected .deposit-detail{display:block;animation:depositOpen .25s ease}.address-label{display:flex;justify-content:space-between;align-items:center;margin:3px 0 7px;color:var(--muted);font-size:10px}.network-badge{color:var(--cyan);background:rgba(53,194,255,.08);padding:4px 7px;border-radius:999px}.address-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;background:rgba(3,9,20,.65);border:1px solid var(--line);border-radius:9px;padding:7px}.address-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#dce8ff;padding-left:4px}.address-box button{border:0;border-radius:7px;padding:7px 9px;background:rgba(31,111,255,.18);color:#8fc0ff;font-weight:800;cursor:pointer}.asset-note{font-size:10.5px;color:var(--muted);margin:8px 1px}.deposit-actions{display:flex;gap:7px}.deposit-side{display:grid;gap:13px;align-content:start}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{font-size:15px}.live-dot{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);display:flex;align-items:center;gap:5px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(49,208,155,.08);animation:pulse 1.7s infinite}.price-list{display:grid;margin:12px 0}.price-row{display:grid;grid-template-columns:1fr auto 58px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.price-row span{display:flex;align-items:center;gap:7px}.price-row img{width:21px;height:21px}.price-row em{text-align:right;font-style:normal}.price-row .down{color:var(--red)}#depositChart{width:100%;height:180px;display:block}.market-source{font-size:9px;margin-top:5px}.safety-card h3{font-size:14px}.safety-list{display:grid;gap:9px;margin-top:12px}.safety-list p{display:flex;gap:9px;color:var(--muted);font-size:11px}.safety-list b{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:rgba(246,200,76,.11);color:var(--gold);flex:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coinFloat{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes depositOpen{from{opacity:0;transform:translateY(-5px)}}@keyframes pulse{50%{opacity:.45;transform:scale(.84)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.deposit-layout{grid-template-columns:1fr}.deposit-side{grid-template-columns:1fr 1fr}.main{padding:0 16px 28px}}@media(max-width:680px){.deposit-hero{align-items:flex-start;flex-direction:column}.deposit-side{grid-template-columns:1fr}.main{padding:0 11px 24px}.card,.compact-card{padding:14px}.topbar{min-height:62px}.nav-actions .backend-status{display:none}.deposit-actions{flex-direction:column}.address-box code{font-size:9px}.coin-track span{padding:0 13px}}

/* Phase 6 unified marketplace expansion */
.side-nav a{display:flex;align-items:center;gap:8px}.page-intro,.market-hero,.nft-hero{display:flex;justify-content:space-between;align-items:center;gap:26px;overflow:hidden;position:relative}.page-intro h2,.market-hero h2,.nft-hero h2{font-size:24px;margin:6px 0}.page-intro p,.market-hero p,.nft-hero p{color:var(--muted);max-width:690px}.plan-orbit{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(246,200,76,.32),transparent 70%);font-size:30px;animation:pulse 2s infinite}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.plan-card{position:relative;transition:.28s}.plan-card:hover{transform:translateY(-6px);border-color:rgba(53,194,255,.34)}.plan-card.featured{border-color:rgba(246,200,76,.42);box-shadow:0 16px 50px rgba(246,200,76,.08)}.plan-top{display:flex;justify-content:space-between}.plan-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(31,111,255,.12);color:var(--cyan)}.plan-card h3{margin:18px 0 8px}.plan-range strong{display:block;font-size:25px}.plan-range span{color:var(--muted);font-size:11px}.plan-card ul{list-style:none;display:grid;gap:8px;color:#c9d6eb;font-size:12px;margin:18px 0}.plan-card li::first-letter{color:var(--green)}.plan-card .btn{width:100%}.ref-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;background:rgba(255,255,255,.035);margin:16px 0}.ref-code code{font-size:18px;letter-spacing:.16em;color:var(--gold)}.conversion-box{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line)}.conversion-box strong{display:block;font-size:22px}.tier-ring{width:150px;height:150px;margin:18px auto;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,var(--panel) 52%,transparent 53%),conic-gradient(var(--gold) 0 60%,rgba(255,255,255,.08) 60%);animation:float 4s ease-in-out infinite}.tier-ring strong,.tier-ring span{display:block}.tier-ring strong{font-size:22px}.tier-ring span{font-size:10px;color:var(--muted)}.market-stat{padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.04);white-space:nowrap}.market-stat span{display:block;color:var(--muted);font-size:10px}.market-stat strong{font-size:20px}.stock-tabs,.market-filters{display:flex;gap:8px;align-items:center;margin:14px 0;overflow:auto}.stock-tabs button,.market-filters button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);padding:8px 12px;border-radius:9px}.stock-tabs .active,.market-filters .active{background:var(--blue);color:#fff}.market-search{margin-left:auto;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;padding:9px 12px;border-radius:9px}.asset-logo{width:34px;height:34px;border-radius:10px;object-fit:cover}.asset-logo.big{width:48px;height:48px}.market-symbol>div{display:grid}.sparkline{height:30px;display:flex;align-items:end;gap:3px}.sparkline i{width:4px;background:linear-gradient(var(--cyan),var(--blue));border-radius:4px}.owned-badge{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(49,208,155,.12);color:var(--green)}.positions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.position-card{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.position-card div{display:flex;justify-content:space-between}.position-card span{font-size:11px;color:var(--muted)}.empty-state{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}.modal.show{display:grid}.compact-trade{max-width:440px;position:relative}.modal-x{position:absolute;right:16px;top:16px}.trade-head{display:flex;gap:12px;align-items:center}.trade-price,.trade-summary{display:flex;justify-content:space-between;margin:14px 0;padding:11px;border-radius:9px;background:rgba(255,255,255,.035)}.compact-trade label{display:grid;gap:7px;color:var(--muted);font-size:11px}.compact-trade input,.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);background:#071121;color:#fff;padding:10px;border-radius:8px}.compact-trade>.btn{width:100%;margin:6px 0 10px}.nft-hero img{width:300px;max-height:190px;object-fit:cover;border-radius:16px;transform:rotate(3deg);box-shadow:0 25px 60px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite}.nft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nft-card{padding:9px;transition:.3s}.nft-card:hover{transform:translateY(-7px) scale(1.01);border-color:rgba(246,200,76,.32)}.nft-art{height:205px;position:relative;border-radius:11px;overflow:hidden}.nft-art img{width:100%;height:100%;object-fit:cover;transition:.5s}.nft-card:hover .nft-art img{transform:scale(1.06)}.nft-rarity{position:absolute;left:8px;top:8px;background:rgba(4,9,20,.72);backdrop-filter:blur(8px);padding:5px 8px;border-radius:999px;font-size:9px;color:var(--gold)}.heart{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(4,9,20,.72);color:#fff}.nft-info{padding:11px 4px 3px}.nft-info h3{font-size:14px;margin:2px 0 10px}.nft-price{display:flex;justify-content:space-between;margin-bottom:10px}.nft-price span{color:var(--muted);font-size:10px}.nft-price strong{font-size:12px}.nft-info .btn{width:100%}.nft-purchase{max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}.nft-purchase>img{width:100%;border-radius:14px}.auction-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);gap:14px;margin-bottom:14px}.stream-card{padding:10px}.stream-video{height:470px;border-radius:13px;overflow:hidden;position:relative;background:#02050a}.stream-video>img{width:100%;height:100%;object-fit:cover}.live-chip,.viewer-chip{position:absolute;top:12px;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800}.live-chip{left:12px;background:#e50914}.viewer-chip{right:12px;background:rgba(4,9,20,.72)}.stream-overlay{position:absolute;left:20px;bottom:20px;text-shadow:0 3px 15px #000}.stream-overlay span{color:var(--gold);font-size:11px}.auction-meta{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:10px;padding:12px}.auction-meta span{display:block;color:var(--muted);font-size:10px}.auction-chat{display:flex;flex-direction:column;min-height:560px}.chat-feed{display:flex;flex-direction:column-reverse;gap:7px;overflow:auto;flex:1;margin:14px 0}.chat-feed div{padding:9px;border-radius:9px;background:rgba(255,255,255,.035)}.chat-feed b,.chat-feed span{display:block;font-size:11px}.chat-feed b{color:var(--cyan)}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px}.chat-compose input{background:#071121;border:1px solid var(--line);border-radius:9px;padding:9px;color:#fff}.mini-auctions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.mini-auctions article{display:flex;gap:10px;padding:9px;border:1px solid var(--line);border-radius:10px}.mini-auctions img{width:70px;height:58px;object-fit:cover;border-radius:8px}.mini-auctions strong,.mini-auctions span{display:block}.mini-auctions span{font-size:10px;color:var(--muted)}.admin-price{width:85px;background:#071121;color:#fff;border:1px solid var(--line);padding:7px;border-radius:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px}.control-stack{display:grid;gap:8px;margin-top:14px}@keyframes float{50%{transform:translateY(-5px)}}
@media(max-width:1100px){.plan-grid,.nft-grid{grid-template-columns:repeat(2,1fr)}.positions-grid{grid-template-columns:repeat(2,1fr)}.auction-stage{grid-template-columns:1fr}.auction-chat{min-height:430px}}
@media(max-width:700px){.plan-grid,.nft-grid,.positions-grid,.mini-auctions{grid-template-columns:1fr}.page-intro,.market-hero,.nft-hero{align-items:flex-start;flex-direction:column}.nft-hero img{width:100%}.stock-table{min-width:760px}.market-table-card{overflow:auto}.nft-purchase{grid-template-columns:1fr}.stream-video{height:320px}.auction-meta{grid-template-columns:1fr 1fr}.auction-meta .btn{grid-column:1/-1}.form-grid{grid-template-columns:1fr}}

/* Phase 7 professional marketplace */
.p7-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.p7-hero .card{overflow:hidden}.balance-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.balance-ribbon div{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.balance-ribbon strong{display:block;font-size:18px;margin-top:3px}.feature-glow{position:relative}.feature-glow:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(234,179,8,.16);filter:blur(55px);right:-35px;top:-55px;pointer-events:none}.creator-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.upload-stage{min-height:310px;border:1px dashed rgba(234,179,8,.35);border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(234,179,8,.05));position:relative}.upload-stage img{width:100%;height:310px;object-fit:cover}.upload-stage label{position:absolute;bottom:14px}.compact-nft .nft-image{height:210px}.compact-nft .nft-image img{width:100%;height:100%;object-fit:cover}.compact-nft .nft-body{padding:14px}.miner-rig{height:145px;display:grid;place-items:center;font-size:58px;position:relative}.miner-rig:before,.miner-rig:after{content:"";position:absolute;border:1px solid rgba(234,179,8,.25);border-radius:50%;animation:minePulse 2.2s infinite}.miner-rig:before{width:90px;height:90px}.miner-rig:after{width:125px;height:125px;animation-delay:.7s}@keyframes minePulse{0%{transform:scale(.7);opacity:0}45%{opacity:1}100%{transform:scale(1.15);opacity:0}}.reward-progress{height:9px;background:rgba(255,255,255,.07);border-radius:20px;overflow:hidden}.reward-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#eab308);transition:width .8s ease}.reward-card{display:flex;flex-direction:column;gap:10px}.reward-card .reward-icon{font-size:32px}.network-note{font-size:12px;line-height:1.5;color:var(--muted);padding:10px;border:1px solid var(--line);border-radius:12px}.professional-strip{display:flex;gap:12px;overflow:auto;padding-bottom:4px}.professional-strip .mini-stat{min-width:160px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}@media(max-width:900px){.p7-hero,.creator-grid{grid-template-columns:1fr}.balance-ribbon{grid-template-columns:1fr}.upload-stage,.upload-stage img{min-height:250px;height:250px}}


/* Phase 8 premium polish */
.brand{display:flex!important;align-items:center;gap:9px}.brand-mark{width:28px;height:28px;display:grid;place-items:center}.brand-mark img{width:100%;height:100%}.side-nav a,.side-signout{display:flex!important;align-items:center;gap:11px}.nav-svg{width:18px;height:18px;flex:0 0 18px;display:inline-grid;place-items:center}.nav-svg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-nav a.active .nav-svg{color:var(--gold)}
.nft-premium-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;overflow:hidden;min-height:300px;background:radial-gradient(circle at 85% 15%,rgba(92,42,255,.22),transparent 38%),radial-gradient(circle at 15% 85%,rgba(0,180,255,.12),transparent 38%),var(--panel)}.nft-premium-hero h2{font-size:32px;max-width:680px;margin:8px 0 12px}.hero-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;perspective:900px}.hero-gallery img{width:100%;height:220px;object-fit:cover;border-radius:16px;border:1px solid rgba(246,200,76,.25);box-shadow:0 18px 42px rgba(0,0,0,.35)}.hero-gallery img:nth-child(1){transform:rotateY(10deg) translateY(12px)}.hero-gallery img:nth-child(2){transform:translateY(-8px);z-index:2}.hero-gallery img:nth-child(3){transform:rotateY(-10deg) translateY(12px)}
.nft-toolbar{position:sticky;top:0;z-index:12;background:rgba(5,11,22,.88);backdrop-filter:blur(18px);padding:10px 0 12px;margin-top:10px;border-bottom:1px solid var(--line)}.nft-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end}.collection-count{font-size:11px;color:var(--muted);white-space:nowrap}.nft-grid-50{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:14px}.nft-grid-50 .nft-card{min-width:0;background:linear-gradient(180deg,rgba(14,29,52,.97),rgba(6,15,29,.97));box-shadow:0 12px 34px rgba(0,0,0,.18)}.nft-grid-50 .nft-art{height:230px}.nft-title-row{display:flex;justify-content:space-between;gap:8px}.verified{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1688ff;color:white;font-size:11px;vertical-align:middle}.nft-rarity.epic{color:#66e6ff;border:1px solid rgba(102,230,255,.35)}.nft-rarity.legendary{color:#ffd75e;border:1px solid rgba(255,215,94,.45)}.heart{width:auto;min-width:32px;padding:0 8px;display:flex;gap:4px;align-items:center}.heart small{font-size:9px}.heart.liked{color:#ff5d8f}.btn-icon{font-size:12px}.nft-card[hidden]{display:none!important}
.plan-grid{align-items:stretch}.plan-card{height:100%;display:flex;flex-direction:column}.plan-card .btn{margin-top:auto}.plan-card p{min-height:36px}.miner-rig{overflow:hidden}.miner-rig:after{box-shadow:0 0 30px rgba(246,200,76,.16)}.plan-card:hover .miner-rig{transform:translateY(-3px);transition:.25s}.plan-card:hover{border-color:rgba(246,200,76,.34);transform:translateY(-4px)}
.professional-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;overflow:visible!important}.professional-strip .mini-stat{min-width:0!important;padding:16px!important}.professional-strip .mini-stat span{display:block;margin-bottom:8px}.professional-strip .mini-stat strong{font-size:17px;line-height:1.25;word-break:normal}.reward-card{height:100%;padding:18px}.reward-card p{min-height:42px}.reward-card .btn{margin-top:auto;min-height:40px}.grid.grid-4{align-items:stretch}
@media(max-width:1350px){.nft-grid-50{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.nft-grid-50{grid-template-columns:repeat(3,1fr)}.nft-premium-hero{grid-template-columns:1fr}.hero-gallery img{height:190px}}@media(max-width:760px){.nft-grid-50{grid-template-columns:repeat(2,1fr)}.nft-tools{align-items:stretch;flex-direction:column}.nft-tools .market-search{width:100%;margin-left:0}.professional-strip{grid-template-columns:1fr}.nft-premium-hero h2{font-size:25px}}@media(max-width:480px){.nft-grid-50{grid-template-columns:1fr}.nft-grid-50 .nft-art{height:290px}}

.preview-audience-panel{border-color:rgba(246,200,76,.24);background:linear-gradient(145deg,rgba(16,30,52,.96),rgba(7,15,29,.96))}.preview-audience-controls{display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:10px;align-items:center;margin-top:14px}.preview-audience-count{justify-self:end;min-width:150px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.preview-audience-count span,.preview-audience-count strong{display:block}.preview-audience-count strong{font-size:20px;color:var(--gold)}.preview-disclosure{margin-top:12px}.preview-chat-line{border:1px solid rgba(246,200,76,.15)}.preview-chat-line em{font-style:normal;font-size:8px;color:#101827;background:var(--gold);padding:2px 5px;border-radius:999px;margin-left:4px}@media(max-width:850px){.preview-audience-controls{grid-template-columns:1fr 1fr}.preview-audience-count{justify-self:stretch}}@media(max-width:520px){.preview-audience-controls{grid-template-columns:1fr}.preview-audience-controls .btn{width:100%}}

/* Phase 9 — cinematic live auction */
.auction-page{background:radial-gradient(circle at 45% -10%,rgba(34,93,196,.24),transparent 32%),#030817}.auction-main{max-width:1700px;width:100%;margin:auto}.auction-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auction-topbar h1{font-size:30px;letter-spacing:-1px}.auction-top-actions{display:flex;align-items:center;gap:10px}.auction-online{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(42,224,163,.22);background:rgba(42,224,163,.08);padding:9px 13px;border-radius:999px;color:#65efbb;font-weight:800;font-size:12px}.auction-online i,.chat-head i{width:7px;height:7px;border-radius:50%;background:#42e3a5;box-shadow:0 0 14px #42e3a5}.auction-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 390px;gap:18px}.auction-showcase,.live-chat{background:linear-gradient(145deg,rgba(12,25,47,.98),rgba(5,12,27,.98));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden}.auction-showcase{padding:18px}.auction-art-frame{height:480px;border-radius:17px;overflow:hidden;position:relative;background:#071224}.auction-art-frame>img{width:100%;height:100%;object-fit:cover;display:block}.auction-art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,7,18,.76));pointer-events:none}.live-badge,.watching-badge{position:absolute;top:16px;z-index:2;font-size:11px;font-weight:900;letter-spacing:.5px;border-radius:8px;padding:8px 11px}.live-badge{left:16px;background:#f04459;color:#fff}.watching-badge{right:16px;background:rgba(3,8,20,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}.art-caption{position:absolute;left:22px;bottom:20px;z-index:2}.art-caption span{display:block;color:#bac8dd;font-size:12px}.art-caption strong{font-size:22px}.auction-titleline{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:18px 4px 14px}.auction-titleline h2{font-size:27px;line-height:1.1}.auction-titleline p{color:var(--muted);font-size:13px;margin-top:7px}.auction-timebox{text-align:right;min-width:130px}.auction-timebox span,.auction-stats span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.auction-timebox strong{font-size:31px;color:var(--gold)}.auction-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.auction-stats>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.auction-stats strong{font-size:16px}.bid-status{margin-top:12px;padding:11px 13px;border-radius:11px;background:rgba(37,99,235,.09);color:#9fc6ff;font-size:13px;border:1px solid rgba(37,99,235,.18)}.bid-status.leading{background:rgba(42,224,163,.09);color:#65efbb;border-color:rgba(42,224,163,.2)}.bid-status.error{background:rgba(255,100,124,.09);color:#ff8fa0;border-color:rgba(255,100,124,.2)}.quick-bids{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.quick-bids button{padding:13px 8px;border-radius:11px;border:1px solid rgba(48,114,255,.35);background:linear-gradient(180deg,rgba(30,92,222,.25),rgba(15,52,125,.2));color:#dce9ff;font-weight:900;cursor:pointer;transition:.18s}.quick-bids button:hover{transform:translateY(-2px);border-color:#4d8cff;background:rgba(31,111,255,.28)}.custom-bid{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.custom-bid label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#061225}.custom-bid label span{font-size:12px;color:var(--muted);white-space:nowrap}.custom-bid input{width:100%;padding:12px 0;background:transparent;border:0;outline:0;color:#fff}.auction-rule{font-size:11px;color:#778ba9;margin-top:10px}.live-chat{display:flex;flex-direction:column;height:786px}.chat-head{height:70px;padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-head>div strong,.chat-head>div span{display:block}.chat-head>div span{font-size:11px;color:#7f94b1}.chat-head button{background:transparent;border:1px solid var(--line);color:#aebed5;padding:7px 9px;border-radius:8px;font-size:10px}.twitch-feed{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:5px}.chat-row{display:flex;gap:9px;padding:9px;border-radius:10px}.chat-row:hover{background:rgba(255,255,255,.035)}.chat-avatar{width:29px;height:29px;flex:0 0 29px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#1c64e8,#6a35db);font-size:10px;font-weight:900}.chat-row b{font-size:12px;color:#c8d7ee}.chat-row p{font-size:12px;color:#9eafc7}.chat-row.bid{background:rgba(246,200,76,.06);border:1px solid rgba(246,200,76,.12)}.chat-row.bid em{font-style:normal;color:var(--gold);font-size:9px;margin-left:5px}.chat-row.system .chat-avatar{background:linear-gradient(135deg,#e8b629,#8b5a00);color:#111}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-compose input{min-width:0;background:#061225;border:1px solid var(--line);border-radius:10px;padding:11px;color:#fff;outline:0}.chat-compose button{border:0;border-radius:10px;background:#1f6fff;color:#fff;font-weight:800;padding:0 14px}.chat-disclosure{text-align:center;font-size:9px;color:#6f829d;padding:0 10px 10px}.auction-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.auction-bottom .section-head,.admin-stream-grid .section-head{max-width:none;margin:0 0 14px;text-align:left;display:flex;align-items:center;justify-content:space-between}.bid-history{display:grid;gap:7px}.bid-history>div{display:grid;grid-template-columns:34px 1fr auto 80px;gap:10px;align-items:center;padding:11px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.rank{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(31,111,255,.12);font-size:11px}.bid-history small{text-align:right;color:var(--muted)}.trust-points{display:grid;gap:11px;margin-top:16px}.trust-points>div{padding-left:14px;border-left:2px solid rgba(246,200,76,.45)}.trust-points b,.trust-points span{display:block}.trust-points span{font-size:12px;color:var(--muted)}
.admin-auction-grid{display:grid;grid-template-columns:minmax(0,1.35fr) .65fr;gap:18px}.admin-live-preview{border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,25,47,.98),rgba(5,12,27,.98));border-radius:22px;padding:16px}.admin-live-preview .auction-art-frame{height:500px}.admin-preview-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.admin-preview-info>div{padding:14px;border:1px solid var(--line);border-radius:12px}.admin-preview-info span{display:block;color:var(--muted);font-size:11px}.admin-preview-info strong{font-size:18px}.admin-control-card h2{font-size:27px}.viewer-meter{margin:18px 0;padding:17px;border:1px solid rgba(246,200,76,.2);background:rgba(246,200,76,.06);border-radius:14px;display:flex;align-items:center;justify-content:space-between}.viewer-meter strong{font-size:28px;color:var(--gold)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fairness-lock{margin-top:14px;padding:14px;border-radius:13px;background:rgba(42,224,163,.07);border:1px solid rgba(42,224,163,.18)}.fairness-lock b,.fairness-lock span{display:block}.fairness-lock b{color:#65efbb}.fairness-lock span{font-size:11px;color:#9eb5ac;margin-top:5px}.admin-stream-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-top:18px}.admin-bid-stream{display:grid;gap:8px}.admin-bid-stream>div{display:grid;grid-template-columns:1fr auto 130px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px}.admin-bid-stream em{font-style:normal;font-size:10px;color:#65efbb;text-align:right}.admin-bid-stream .simulated em{color:var(--gold)}
@media(max-width:1200px){.auction-layout{grid-template-columns:1fr}.live-chat{height:620px}.admin-auction-grid,.admin-stream-grid{grid-template-columns:1fr}.auction-art-frame,.admin-live-preview .auction-art-frame{height:430px}}@media(max-width:760px){.auction-topbar{align-items:flex-start;gap:14px}.auction-top-actions{flex-wrap:wrap;justify-content:flex-end}.auction-stats{grid-template-columns:1fr 1fr}.quick-bids{grid-template-columns:1fr 1fr}.auction-bottom{grid-template-columns:1fr}.auction-art-frame{height:360px}.custom-bid{grid-template-columns:1fr}.custom-bid .btn{width:100%}.bid-history>div{grid-template-columns:30px 1fr auto}.bid-history small{display:none}}@media(max-width:480px){.auction-titleline{align-items:flex-start;flex-direction:column}.auction-timebox{text-align:left}.auction-art-frame{height:300px}.auction-stats{grid-template-columns:1fr}.admin-preview-info{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr}}

/* FINAL PREMIUM SYSTEM */
.ip-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:9px}.sidebar a,.admin-sidebar a,.nav-links a,.btn{display:inline-flex;align-items:center}.page-title h1,.section-head h2{display:flex;align-items:center;gap:4px}.feature-svg{width:48px;height:48px;border:1px solid rgba(79,195,255,.3);border-radius:15px;background:linear-gradient(145deg,rgba(35,194,255,.18),rgba(255,190,64,.08));box-shadow:inset 0 0 22px rgba(54,190,255,.1),0 12px 30px rgba(0,0,0,.22);position:relative}.feature-svg:before,.feature-svg:after{content:"";position:absolute;inset:12px;border:2px solid #5fd6ff;border-radius:50%;transform:rotate(35deg)}.feature-svg:after{inset:20px 9px;border-color:#f5c66a;border-width:1px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-card{min-height:390px;display:flex;flex-direction:column;gap:16px}.plan-card .features{flex:1}.plan-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f1c46a;font-weight:800}.holo-globe{width:min(540px,88vw);aspect-ratio:1;border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle at 38% 30%,rgba(88,220,255,.42),rgba(18,74,130,.18) 32%,rgba(5,12,28,.94) 70%);box-shadow:0 0 85px rgba(47,180,255,.28),inset -35px -28px 90px rgba(0,0,0,.75),inset 25px 20px 70px rgba(75,205,255,.18);overflow:hidden;border:1px solid rgba(99,215,255,.35)}.holo-globe:before{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(87,213,255,.13) 23px 24px),repeating-linear-gradient(90deg,transparent 0 36px,rgba(87,213,255,.1) 37px 38px);mask-image:radial-gradient(circle,#000 65%,transparent 72%);animation:globeDrift 16s linear infinite}.globe-core{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle,#ffe19a 0,#e1a833 18%,rgba(30,176,255,.25) 42%,transparent 70%);filter:blur(1px);box-shadow:0 0 45px #44cfff}.globe-ring{position:absolute;inset:8%;border:1px solid rgba(96,220,255,.42);border-radius:50%;transform:rotate(25deg)}.globe-ring.r2{transform:rotate(78deg) scaleY(.52);border-color:rgba(255,198,90,.45)}.globe-ring.r3{transform:rotate(-36deg) scaleY(.72);animation:ringSpin 12s linear infinite}.holo-globe .market-pin{z-index:4}@keyframes globeDrift{to{transform:rotate(360deg)}}@keyframes ringSpin{to{transform:rotate(324deg) scaleY(.72)}}.nft-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}.nft-card:hover .nft-art img{transform:none;filter:none}.nft-art{aspect-ratio:4/5;overflow:hidden}.professional-empty{display:grid;place-items:center;min-height:260px;border:1px dashed rgba(96,210,255,.28);border-radius:18px;color:var(--muted)}@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.grid-4{grid-template-columns:1fr}}

/* MASTER PHASE: payouts, withdrawals and investment center */
.payout-hero,.investment-banner{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:20px}.payout-hero>div,.investment-banner>div{max-width:760px}.payout-hero h2,.investment-banner h2{font-size:32px;margin:8px 0}.payout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.payout-card{display:grid;gap:12px;min-height:230px}.payout-head,.payout-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.payout-actions{margin-top:auto}.payout-type{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:900}.security-points{display:grid;gap:12px;margin-top:18px}.security-points>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.security-points b,.security-points span{display:block}.security-points span{color:var(--muted);font-size:13px;margin-top:5px}.withdraw-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.withdrawal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.withdrawal-summary>div{padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.withdrawal-summary span,.withdrawal-summary strong{display:block}.withdrawal-summary span{color:var(--muted);font-size:11px}.withdrawal-summary strong{margin-top:5px}.plan-showcase{margin-top:20px}.status.error{background:rgba(255,80,100,.12);color:#ff91a0}.admin-withdraw-table .btn{padding:8px 10px;font-size:12px}@media(max-width:1000px){.payout-grid{grid-template-columns:repeat(2,1fr)}.withdraw-layout{grid-template-columns:1fr}}@media(max-width:700px){.payout-hero,.investment-banner{align-items:flex-start;flex-direction:column}.payout-grid{grid-template-columns:1fr}.withdrawal-summary{grid-template-columns:1fr}}


/* Final quality and responsive polish */
.nft-grid-50{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}
.nft-card{min-width:0;overflow:hidden}
.nft-art{aspect-ratio:1/1;min-height:0;background:#071426}
.nft-art img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}
.hero-gallery img{aspect-ratio:1/1;object-fit:cover;object-position:center}
.auction-art-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.password-wrap{position:relative;display:block;width:100%}
.password-wrap .input{padding-right:72px}
.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:1px solid rgba(135,162,199,.25);background:rgba(7,18,38,.85);color:#bcd0e9;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}
.password-toggle:hover{color:#fff;border-color:rgba(53,194,255,.5)}
.password-strength{display:grid;gap:7px;margin-top:-7px}.strength-track{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.strength-track i{display:block;height:100%;width:0;background:#ff6577;transition:.2s}.password-strength.medium .strength-track i{width:66%;background:#f6a94c}.password-strength.strong .strength-track i{width:100%;background:#31d09b}.password-strength.weak .strength-track i{width:33%}.password-strength span,.password-match{font-size:11px;color:var(--muted)}.password-match.ok{color:#65efbb}.password-match.bad{color:#ff8fa0}
.terms-row{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:#b9c8dc;font-size:13px}.terms-row span{white-space:normal}.terms-row input{order:-1;width:17px;height:17px;accent-color:#258cff;flex:0 0 auto}
.miner-character{height:250px;border-radius:18px;overflow:hidden;background:#061225;margin-bottom:14px}.miner-character img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.chat-row>div{min-width:0;flex:1}.chat-row b{display:inline-block;letter-spacing:.02em}.anon-role{display:block;margin-top:1px;color:#6f84a2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.chat-row p{margin-top:4px;line-height:1.4}.chat-avatar{border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.asset-logo{object-fit:contain!important;background:transparent!important}
@media(max-width:1200px){.nft-grid-50{grid-template-columns:repeat(3,minmax(0,1fr))}.nft-premium-hero{grid-template-columns:1fr}.hero-gallery{max-width:720px}}
@media(max-width:900px){.nft-grid-50{grid-template-columns:repeat(2,minmax(0,1fr))}.nft-toolbar{align-items:stretch}.nft-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}.collection-count{grid-column:1/-1}.market-search{width:100%;max-width:none}.p7-hero{grid-template-columns:1fr}.mining-packages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.nft-grid-50{grid-template-columns:1fr}.nft-tools{grid-template-columns:1fr}.collection-count{grid-column:auto}.market-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.market-filters button{white-space:nowrap}.hero-gallery{grid-template-columns:repeat(3,1fr);gap:7px}.hero-gallery img{border-radius:12px}.mining-packages{grid-template-columns:1fr}.auth-card{padding:24px 18px}.auth-card h1{font-size:30px}.form-grid{grid-template-columns:1fr}.auction-layout{gap:12px}.live-chat{height:560px}.miner-character{height:220px}}
@media(max-width:420px){.nft-art{aspect-ratio:1/1}.hero-gallery{display:none}.auction-art-frame{height:280px}.nft-premium-hero{padding:20px}.nav-actions{gap:6px}.nav-actions .btn{padding:9px 10px;font-size:11px}}

/* NFT visibility stability: marketplace cards must never be hidden by page reveal animation. */
.nft-grid .nft-card,.nft-grid .nft-card.reveal{opacity:1!important;transform:none!important;visibility:visible!important}

/* Final cross-device accessibility pass */
:focus-visible{outline:3px solid rgba(53,194,255,.75);outline-offset:3px}
button,a,input,select,textarea{touch-action:manipulation}
img{max-width:100%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:760px){.main,.app-main{min-width:0}.topbar,.app-header{align-items:flex-start}.table{display:block;overflow-x:auto;white-space:nowrap}.modal-card{width:min(94vw,620px);max-height:88vh;overflow:auto}.nav-inner{min-width:0}.nav-actions{flex-wrap:wrap}.environment-badge{top:10px;right:10px}}

/* NFT-only image clarity and rendering stability fix */
.nft-premium-hero .hero-gallery img,
.nft-grid-50 .nft-art img,
#nftModalImage{
  opacity:1!important;
  visibility:visible!important;
  transform:none;
  filter:none;
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
}
.nft-grid-50 .nft-art{
  isolation:isolate;
}
.nft-grid-50 .nft-card[hidden]{display:none!important}
.nft-grid-50 .nft-art img.nft-image-error{display:none!important}
.nft-grid-50 .nft-art.nft-image-failed::after{
  content:'Artwork unavailable';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#91a4c0;
  font-size:12px;
  background:linear-gradient(145deg,#0b1c34,#071120);
}

/* Requested icon-only polish: stock marks and auction identities */
.stock-table .asset-logo{width:38px;height:38px;border-radius:11px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22));}
.trade-head .asset-logo.big{width:54px;height:54px;border-radius:15px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));}
.chat-avatar{position:relative;overflow:hidden;width:38px;height:38px;flex-basis:38px;border-radius:12px;padding:0;isolation:isolate;}
.chat-avatar.moderator-avatar{background:linear-gradient(145deg,#f8c944,#d79000);padding:7px;box-shadow:0 8px 18px rgba(224,158,0,.22);}
.chat-avatar.moderator-avatar img{width:100%;height:100%;object-fit:contain;display:block;}
.chat-avatar.bidder-avatar{background:linear-gradient(145deg,#3e5cf5,#642bd9);box-shadow:0 8px 18px rgba(54,69,210,.24);}
.chat-avatar.bidder-avatar svg{position:absolute;left:7px;top:5px;width:24px;height:24px;fill:rgba(255,255,255,.17);stroke:rgba(255,255,255,.82);stroke-width:1.5;stroke-linecap:round;}
.chat-avatar.bidder-avatar small{position:absolute;right:3px;bottom:2px;min-width:18px;height:15px;padding:0 3px;border-radius:5px;display:grid;place-items:center;background:rgba(3,8,20,.8);color:#fff;font-size:8px;font-weight:900;letter-spacing:.02em;border:1px solid rgba(255,255,255,.18);}
.chat-avatar.avatar-blue{background:linear-gradient(145deg,#1688ff,#1243c8)}
.chat-avatar.avatar-purple{background:linear-gradient(145deg,#9848ff,#4b20ca)}
.chat-avatar.avatar-cyan{background:linear-gradient(145deg,#11b8d7,#1762d9)}
.chat-avatar.avatar-violet{background:linear-gradient(145deg,#6f5cff,#3d2ad4)}
.chat-avatar.avatar-dynamic{background:linear-gradient(145deg,#2f7bff,#6d35df)}

/* Wallet support flow and livelier preview charts */
.wallet-option[data-wallet]{display:flex;align-items:center;gap:12px;text-align:left}
.wallet-option[data-wallet] img{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
.wallet-option[data-wallet] span{font-weight:800}
.wallet-loading{display:none;text-align:center;padding:28px 10px 8px}
.wallet-loading.active{display:block}.wallet-loading img{width:64px;height:64px;border-radius:18px;margin-bottom:12px}.wallet-loading h3{margin-bottom:5px}
.wallet-loader{height:5px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:22px auto 4px;max-width:300px}.wallet-loader i{display:block;height:100%;width:38%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--gold));animation:walletLoad 1.05s ease-in-out infinite}
.wallet-feature-disabled{opacity:.62;filter:saturate(.65)}
.spark path,.chart-svg path{transition:d 1.15s ease,transform .8s ease;transform-origin:center}
.sparkline i{transition:height .85s ease}
@keyframes walletLoad{0%{transform:translateX(-110%)}100%{transform:translateX(265%)}}

/* Market terminal live interaction polish */
#terminalLine,#terminalArea{transition:d .75s ease}
.terminal-chart svg{filter:drop-shadow(0 8px 18px rgba(53,194,255,.12))}
.terminal-tab,.range-btn{transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.terminal-tab:hover,.range-btn:hover{transform:translateY(-2px);border-color:rgba(53,194,255,.55);color:#fff}
.heatmap button.heat{position:relative;overflow:hidden;width:100%;font:inherit;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.heatmap button.heat:hover{transform:translateY(-3px);border-color:rgba(53,194,255,.45)}
.heat-pulse{position:absolute;inset:auto 10px 8px 10px;height:2px;background:linear-gradient(90deg,transparent,rgba(53,194,255,.8),transparent);animation:terminalPulse 2.2s linear infinite}
.heat.down .heat-pulse{background:linear-gradient(90deg,transparent,rgba(255,91,112,.75),transparent)}
@keyframes terminalPulse{0%{transform:translateX(-110%);opacity:0}25%{opacity:1}100%{transform:translateX(110%);opacity:0}}
[data-terminal-value],[data-terminal-change],[data-kpi], [data-live-price],[data-live-change]{transition:opacity .25s ease,color .25s ease}
@media (prefers-reduced-motion:reduce){#terminalLine,#terminalArea,.terminal-tab,.range-btn,.heatmap button.heat{transition:none}.heat-pulse{animation:none}}


/* Stocks-only portfolio and purchase refinement */
.stock-position-head{align-items:flex-end}.stock-position-head h3{margin:4px 0 0}.stock-portfolio-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.stock-portfolio-summary article{padding:13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(31,111,255,.08),rgba(255,255,255,.025))}.stock-portfolio-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.stock-portfolio-summary strong{font-size:15px}.stock-position-card{gap:12px;overflow:hidden;position:relative;background:linear-gradient(155deg,rgba(31,111,255,.08),rgba(255,255,255,.025) 48%,rgba(53,194,255,.035));transition:.25s}.stock-position-card:hover{transform:translateY(-3px);border-color:rgba(53,194,255,.3)}.position-card-top,.position-company,.position-value-row,.position-actions{display:flex!important;align-items:center}.position-card-top,.position-value-row{justify-content:space-between}.position-company{gap:10px}.position-company>div{display:grid!important;gap:2px}.position-live-chip{padding:4px 7px!important;border-radius:999px;background:rgba(49,208,155,.12);color:var(--green)!important;font-size:8px!important;font-weight:800;letter-spacing:.08em}.position-value-row>div{display:grid!important;gap:2px}.position-value-row>div:last-child{text-align:right}.position-value-row span,.position-metrics span{font-size:9px!important}.position-value-row b{font-size:17px}.position-value-row small{font-size:9px}.position-mini-chart{width:100%;height:58px;overflow:visible}.position-mini-chart polyline{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 9px rgba(53,194,255,.35))}.position-metrics{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.position-metrics>div{display:grid!important;gap:2px;padding:8px;border-radius:9px;background:rgba(255,255,255,.03)}.position-metrics strong{font-size:11px}.position-actions{gap:7px}.position-actions .btn{flex:1;padding:8px 7px}.stock-sell-btn{border-color:rgba(255,90,109,.24);color:#ff9baa}.stock-trade-modal{max-width:500px}.trade-logo-wrap{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.stock-live-price small{display:block;color:var(--green);font-size:8px;margin-top:2px}.stock-order-breakdown{display:grid;gap:7px;margin:12px 0}.stock-order-breakdown .trade-summary{margin:0}.stock-order-note{line-height:1.5}.stock-trade-modal #confirmStockBuy:disabled{opacity:.55;cursor:not-allowed}.stock-trade-modal input:focus{outline:2px solid rgba(53,194,255,.3);border-color:var(--cyan)}
@media(max-width:900px){.stock-portfolio-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stock-portfolio-summary{grid-template-columns:1fr 1fr}.position-actions{flex-wrap:wrap}.position-actions .btn{min-width:42%}.stock-trade-modal{width:min(94vw,500px)}}

/* Homepage interaction audit */
.home-clickable{cursor:pointer}
.home-clickable:focus-visible,.market-pin:focus-visible{outline:3px solid rgba(53,194,255,.9);outline-offset:5px}
.ticker-item.home-clickable:hover{color:#fff}
.list-row.home-clickable{border-radius:10px;padding-inline:10px;transition:.2s}
.list-row.home-clickable:hover{background:rgba(53,194,255,.07)}
.market-pin{cursor:pointer}
.p6{left:63%;top:53%;animation-delay:-1.25s}
.p7{left:50%;top:36%;animation-delay:-.65s}
.ai-fab{border:0;color:#fff;cursor:pointer}
.ai-panel{position:fixed}
.ai-panel-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:22px;cursor:pointer}

/* Two-item precision fix: homepage crypto artwork + stock modal close alignment */
.coin img{width:62%;height:62%;object-fit:contain;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
.coin.btc img{width:68%;height:68%}
.coin.eth img{width:58%;height:58%}
.ticker-coin-icon{width:23px;height:23px;object-fit:contain;display:block;flex:0 0 23px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}
.stock-trade-modal .modal-x{top:18px;right:18px;width:40px;height:40px;min-width:40px;padding:0;display:grid;place-items:center;line-height:1;font-size:20px;border-radius:11px;z-index:4;transform:none}
.stock-trade-modal .modal-x:hover{transform:none}
.stock-trade-modal .trade-head{padding-right:54px;min-height:62px}
@media(max-width:560px){.stock-trade-modal .modal-x{top:14px;right:14px;width:38px;height:38px;min-width:38px}.stock-trade-modal .trade-head{padding-right:48px}}


/* NFT-only refinements: collection marks, price polish, hover, lazy loading and skeletons */
.nft-grid-50 .nft-collection{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.nft-grid-50 .collection-mark{
  width:15px;
  height:15px;
  display:inline-grid;
  place-items:center;
  flex:0 0 15px;
  border-radius:5px;
  background:linear-gradient(145deg,rgba(31,111,255,.24),rgba(53,194,255,.12));
  border:1px solid rgba(53,194,255,.24);
  color:var(--cyan);
  font-size:7px;
  line-height:1;
}
.nft-grid-50 .nft-art.nft-loading::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(105deg,rgba(255,255,255,.025) 24%,rgba(255,255,255,.10) 40%,rgba(255,255,255,.025) 56%);
  background-size:220% 100%;
  animation:nftSkeletonSweep 1.15s ease-in-out infinite;
}
.nft-grid-50 .nft-art.nft-loading img{
  opacity:0!important;
}
.nft-grid-50 .nft-art.nft-loaded img{
  opacity:1!important;
  transition:opacity .28s ease,transform .32s ease;
}
@keyframes nftSkeletonSweep{
  from{background-position:180% 0}
  to{background-position:-80% 0}
}
@media (hover:hover) and (pointer:fine){
  .nft-grid-50 .nft-card{
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  }
  .nft-grid-50 .nft-card:hover{
    transform:translateY(-5px);
    border-color:rgba(53,194,255,.38);
    box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 24px rgba(31,111,255,.10);
  }
  .nft-grid-50 .nft-card:hover .nft-art img{
    transform:scale(1.03);
  }
}
@media (hover:none),(pointer:coarse){
  .nft-grid-50 .nft-card:hover{transform:none}
  .nft-grid-50 .nft-card:hover .nft-art img{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .nft-grid-50 .nft-art.nft-loading::before{animation:none}
}

/* Final responsive QA: layout safety only; no visual redesign */
.table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table thead,.table tbody{min-width:720px}.modal-card{max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);overflow:auto}.main{min-width:0}.topbar,.section-head{flex-wrap:wrap}.nft-grid{align-items:stretch}
@media(max-width:1024px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nft-grid-50{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-gallery{min-width:0}}
@media(max-width:760px){.main{padding-left:16px;padding-right:16px}.topbar{gap:12px}.nav-actions{width:100%;overflow-x:auto;padding-bottom:3px}.nft-grid-50{grid-template-columns:repeat(2,minmax(0,1fr))}.nft-toolbar,.nft-tools{align-items:stretch}.nft-tools{width:100%;display:grid;grid-template-columns:1fr}.market-search{width:100%;max-width:none}.nft-premium-hero{grid-template-columns:1fr}.hero-gallery{display:none}.dash-grid{grid-template-columns:1fr 1fr}.admin-price{max-width:110px}}
@media(max-width:430px){.nft-grid-50{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.btn{min-height:42px}.modal-card.nft-purchase{grid-template-columns:1fr}.modal-card.nft-purchase>img{width:100%;max-height:260px;object-fit:cover}}

/* Stocks-only Buy button alignment: keep actions at the far-right end */
.stock-table th:last-child,
.stock-table td:last-child{
  width:1%;
  min-width:96px;
  text-align:right;
  white-space:nowrap;
}
.stock-table td:last-child .btn{
  min-width:76px;
  margin-left:auto;
}

/* Investment workspace and admin manager */
.investment-workspace{overflow:hidden}.investment-tabs,.investment-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tab-actions{display:flex;gap:8px}.investment-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.investment-summary-grid>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.investment-summary-grid span,.investment-summary-grid strong{display:block}.investment-summary-grid span{font-size:11px;color:var(--muted)}.investment-summary-grid strong{font-size:20px;margin-top:5px}.running-investment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.running-investment-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,29,55,.92),rgba(6,16,34,.96))}.investment-card-head h3{margin-top:4px}.investment-value{padding:17px 0}.investment-value span,.investment-value small{display:block;color:var(--muted)}.investment-value strong{display:block;font-size:30px;margin:4px 0}.investment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.investment-stats>div{padding:11px;border-radius:11px;background:rgba(255,255,255,.035)}.investment-stats span,.investment-stats b{display:block}.investment-stats span{font-size:10px;color:var(--muted)}.investment-stats b{font-size:12px;margin-top:3px}.investment-progress{margin-top:16px}.investment-progress>div{height:8px;background:rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.investment-progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#1f6fff,#35c2ff)}.investment-progress>span{display:block;text-align:right;color:var(--muted);font-size:10px;margin-top:5px}.investment-timeline{display:grid;gap:7px;margin-top:15px}.investment-timeline>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.investment-timeline i{width:7px;height:7px;border-radius:50%;background:#35c2ff}.dashboard-investment-card .investment-summary-grid{margin-bottom:0}.admin-investment-search{max-width:330px}.admin-investment-list{display:grid;gap:10px;margin-top:20px}.admin-investment-row{display:grid;grid-template-columns:1.4fr repeat(3,.8fr) .6fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.admin-investment-row>div>span{display:block;font-size:10px;color:var(--muted)}.admin-investment-row>div>strong{display:block;margin-top:3px}.admin-investment-row h3{margin:3px 0}.admin-investment-row small{color:var(--muted)}[data-admin-investment-form]{display:grid;gap:14px;margin-top:18px}[data-admin-investment-form] label{display:grid;gap:7px;color:var(--muted);font-size:12px}
@media(max-width:1000px){.running-investment-grid{grid-template-columns:1fr}.admin-investment-row{grid-template-columns:1fr 1fr 1fr}.admin-investment-row>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.investment-tabs{flex-direction:column}.investment-summary-grid{grid-template-columns:1fr 1fr}.investment-stats{grid-template-columns:1fr}.admin-investment-row{grid-template-columns:1fr}.admin-investment-row>div:first-child{grid-column:auto}}

/* Final investment refinement: details, filters, allocation, audit and responsive polish */
.investment-status-filter{min-width:150px;padding:9px 12px}.running-investment-card{position:relative}.running-investment-card .investment-card-actions{display:flex;justify-content:flex-end;margin-top:15px}.investment-details-modal{max-width:720px}.investment-detail-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin:18px 0}.investment-detail-hero>div,.investment-detail-grid>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.investment-detail-hero strong{display:block;font-size:30px;margin-top:5px}.investment-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.investment-detail-grid span,.investment-detail-grid b{display:block}.investment-detail-grid span{font-size:10px;color:var(--muted)}.investment-detail-grid b{margin-top:4px}.investment-detail-chart{height:150px;display:flex;align-items:flex-end;gap:8px;padding:20px 8px 8px;border-bottom:1px solid var(--line);margin:10px 0 18px}.investment-detail-chart i{flex:1;min-width:9px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#35c2ff,#1f6fff);animation:chartRise .55s ease both;transform-origin:bottom}.empty-state.enhanced{display:grid;place-items:center;gap:10px;min-height:190px}.empty-state-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(31,111,255,.12);font-size:26px}.allocation-donut{position:relative;display:grid;place-items:center;text-align:center}.allocation-donut>div{width:58%;height:58%;border-radius:50%;display:grid;place-items:center;align-content:center;background:var(--panel);box-shadow:0 0 0 1px var(--line)}.allocation-donut strong,.allocation-donut span{display:block}.allocation-donut strong{font-size:14px}.allocation-donut span{font-size:9px;color:var(--muted)}.allocation-legend i{background:var(--allocation-color,#35c2ff)!important}.allocation-legend div{cursor:default}.number-animate{font-variant-numeric:tabular-nums}.audit-empty td{text-align:center;padding:35px;color:var(--muted)}
@keyframes chartRise{from{transform:scaleY(.05);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(max-width:900px){.investment-detail-hero{grid-template-columns:1fr}.investment-detail-grid{grid-template-columns:1fr 1fr}.allocation{align-items:center}.tab-actions{flex-wrap:wrap}.investment-status-filter{width:100%}}
@media(max-width:700px){.investment-tabs .tab-actions{width:100%}.investment-tabs .tab-actions .btn{flex:1}.investment-status-filter{flex-basis:100%}.investment-detail-grid{grid-template-columns:1fr}.investment-detail-chart{height:120px}.investment-details-modal{width:calc(100vw - 24px);max-height:90vh;overflow:auto}.running-investment-card{padding:15px}.investment-value strong{font-size:25px}.allocation{grid-template-columns:1fr!important}.allocation-donut{margin:auto}.topbar{gap:10px}.nav-actions{flex-wrap:wrap}}
@media(max-width:420px){.investment-summary-grid{grid-template-columns:1fr}.tab-actions{display:grid;grid-template-columns:1fr 1fr}.investment-status-filter{grid-column:1/-1}.investment-card-head{gap:10px}.investment-card-head .status{white-space:nowrap}.investment-timeline>div{grid-template-columns:8px 1fr}.investment-timeline small{grid-column:2}.investment-detail-hero strong{font-size:24px}}


/* Mining page fine-tuning only */
.mining-packages{align-items:stretch}
.mining-packages .plan-card{display:flex;flex-direction:column;min-height:270px;padding:22px}
.mining-packages .miner-rig{margin-bottom:14px}
.mining-packages .plan-price{display:block;margin:8px 0 6px}
.mining-packages .plan-card p{margin-bottom:18px}
.mining-packages .plan-card .btn{width:100%;margin-top:auto}
#activeMining.position-grid:empty{min-height:92px;display:grid;place-items:center;border:1px dashed rgba(53,194,255,.18);border-radius:14px}
#activeMining.position-grid:empty::after{content:"No active mining contracts yet";color:var(--muted);font-size:12px}
@media(max-width:650px){.mining-packages .plan-card{min-height:auto;padding:18px}.mining-packages .plan-card .btn{margin-top:6px}}

/* Admin user password-security controls */
.security-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:var(--muted);white-space:nowrap}.security-chip.secure{color:#78e6b2;border-color:rgba(120,230,178,.25);background:rgba(120,230,178,.06)}.security-chip.warning{color:#ffd37a;border-color:rgba(255,211,122,.25);background:rgba(255,211,122,.06)}
.security-modal-card{width:min(780px,calc(100vw - 28px))}.security-notice{display:grid;gap:4px;margin:18px 0;padding:14px 16px;border:1px solid rgba(53,194,255,.22);border-radius:14px;background:rgba(31,111,255,.08)}.security-notice span{font-size:12px;color:var(--muted)}.security-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-summary-grid>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.security-summary-grid span,.security-summary-grid strong{display:block}.security-summary-grid span{font-size:10px;color:var(--muted)}.security-summary-grid strong{font-size:12px;margin-top:5px}.security-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.security-actions .wallet-option{text-align:left;display:grid;gap:4px}.security-actions .wallet-option span{font-size:11px;color:var(--muted)}.danger-option{border-color:rgba(255,106,120,.26)!important}.danger-option b{color:#ff8a96}.security-footnote{margin-top:14px;line-height:1.55}
@media(max-width:700px){.security-summary-grid,.security-actions{grid-template-columns:1fr}.security-modal-card{padding:18px}}

/* Homepage three-line investor activity feed */
.home-activity-section{padding:34px 0 8px}
.home-activity-card{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(120,174,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(13,28,49,.94),rgba(7,17,32,.94));box-shadow:0 18px 48px rgba(0,0,0,.2)}
.home-activity-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% -10%,rgba(53,194,255,.12),transparent 34%)}
.home-activity-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.home-activity-heading h2{font-size:clamp(21px,2.5vw,28px);margin-top:3px;line-height:1.15}
.home-activity-heading p{margin-top:5px;color:var(--muted);font-size:12px}
.home-activity-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(79,224,156,.2);border-radius:999px;background:rgba(79,224,156,.07);font-size:10px;font-weight:800;color:#8af0bd;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.home-activity-status i{width:7px;height:7px;border-radius:50%;background:#4fe09c;box-shadow:0 0 0 0 rgba(79,224,156,.5);animation:homeActivityPulse 1.8s infinite}
.home-activity-feed{position:relative;height:186px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.018)}
.home-activity-row{height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.055);transition:transform .42s cubic-bezier(.22,.8,.25,1),opacity .3s ease;background:linear-gradient(90deg,rgba(53,194,255,.025),transparent 42%)}
.home-activity-row:last-child{border-bottom:0}
.home-activity-row.activity-exit{transform:translateY(-18px);opacity:0}
.home-activity-row.activity-enter{transform:translateY(18px);opacity:0}
.home-activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(53,194,255,.09);border:1px solid rgba(53,194,255,.15);font-size:16px}
.home-activity-copy{min-width:0;color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-activity-copy strong{color:var(--text);font-weight:800}
.home-activity-copy b{color:#8fdcff;font-weight:800}
.home-activity-time{font-size:11px;color:var(--muted);white-space:nowrap;padding-left:8px}
@keyframes homeActivityPulse{70%{box-shadow:0 0 0 7px rgba(79,224,156,0)}100%{box-shadow:0 0 0 0 rgba(79,224,156,0)}}
@media(max-width:640px){.home-activity-section{padding-top:24px}.home-activity-card{padding:15px;border-radius:18px}.home-activity-heading{align-items:flex-start;margin-bottom:12px}.home-activity-heading h2{font-size:20px}.home-activity-heading p{font-size:11px}.home-activity-status{padding:6px 8px;font-size:9px}.home-activity-feed{height:174px}.home-activity-row{height:58px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:0 10px}.home-activity-icon{width:31px;height:31px;border-radius:10px;font-size:14px}.home-activity-copy{font-size:12px}.home-activity-time{display:none}}
@media(prefers-reduced-motion:reduce){.home-activity-row,.home-activity-status i{animation:none!important;transition:none!important}}

/* Focused index refinements */
.index-caption{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}.index-breakdown{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}.index-breakdown span{display:flex;flex-direction:column;gap:1px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}.index-breakdown b{font-size:10px;color:var(--muted);font-weight:700}.index-breakdown em{font-size:11px;color:#dbe6f8;font-style:normal;font-weight:800}.index-breakdown em.up{color:var(--green)}.portfolio-breakdown{margin-top:10px}.portfolio-breakdown span{padding:9px 10px}@media(max-width:520px){.index-breakdown{grid-template-columns:repeat(2,1fr)}.chart-card{padding:22px}.chart-card .chart-svg{height:145px}}

/* Deposit header spacing correction */
.deposit-header-actions{gap:16px;align-items:center}.deposit-header-actions .backend-status{margin-right:2px}

/* Keep the navigation panel independently scrollable on shorter screens. */
.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:rgba(143,162,191,.35);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}

/* InvestPro focused refinement */

.payout-empty {
    grid-column: 1 / -1;
}

.auction-client-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.auction-main {
  justify-content: flex-start !important;
  align-items: stretch !important;
  padding-top: 24px !important;
}

.auction-topbar {
  margin-top: 0 !important;
}

#clientAuctionArea {
  margin-top: 24px !important;
}

.auction-page .app-shell {
  align-items: flex-start !important;
}

.auction-page .main {
  min-height: auto !important;
}#clientAuctionArea > * {
  min-height: 0 !important;
  height: auto !important;
  padding: 40px 24px !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  place-items: start center !important;
}

/* Language direction support */
html[dir="rtl"] body.rtl-language { direction: rtl; }
html[dir="rtl"] .nav-inner,
html[dir="rtl"] .topbar,
html[dir="rtl"] .chart-top,
html[dir="rtl"] .list-row { flex-direction: row-reverse; }
html[dir="rtl"] .sidebar,
html[dir="rtl"] .side-nav,
html[dir="rtl"] .page-title { text-align: right; }


/* Correction 5 — Live Auction layout and admin-controlled publishing */
.auction-page .sidebar{min-height:100vh;max-height:100vh;position:sticky;top:0}
.auction-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.auction-top-actions{display:flex;gap:10px;align-items:center}
.auction-client-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.auction-listing{overflow:hidden;padding:0}
.auction-art-frame{height:260px;position:relative;overflow:hidden;background:#040a13}
.auction-art-frame img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.auction-listing:hover .auction-art-frame img{transform:scale(1.045)}
.live-badge{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#d91424;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 24px rgba(217,20,36,.32)}
.auction-listing-body{padding:20px;display:grid;gap:12px}
.auction-listing-body h2{margin:0}
.auction-listing-body p{color:var(--muted);min-height:38px}
.admin-preview-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-preview-info>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.admin-preview-info span,.admin-preview-info strong{display:block}
.admin-preview-info span{font-size:10px;color:var(--muted);margin-bottom:4px}
.auction-empty{max-width:760px;margin:0 auto;padding:56px 26px!important;text-align:center;place-items:center!important}
.auction-empty .empty-state-icon{font-size:40px;color:var(--gold);margin-bottom:10px}
.auction-admin-item{display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:760px){.auction-topbar,.auction-admin-item{align-items:flex-start;flex-direction:column}.auction-top-actions,.auction-admin-item .payout-actions{width:100%;flex-wrap:wrap}.auction-art-frame{height:220px}.admin-preview-info{grid-template-columns:1fr}}

/* Correction 6 — refined Communication Center */
.communication-page{max-width:1500px;width:100%;margin:0 auto}.communication-topbar{gap:18px}.page-title-wrap{display:flex;align-items:center;gap:12px}.refined-communication-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;min-height:300px;overflow:hidden;padding:34px;background:linear-gradient(135deg,rgba(16,37,68,.96),rgba(7,17,32,.95));border-color:rgba(88,157,255,.2)}.refined-communication-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-110px;top:-180px;background:radial-gradient(circle,rgba(53,194,255,.17),transparent 68%)}.communication-hero-copy{position:relative;z-index:2;max-width:760px}.communication-hero-copy h2{font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-1.7px;margin:10px 0 12px}.communication-hero-copy>p{max-width:680px;color:var(--muted)}.communication-summary{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px;margin-top:26px;max-width:560px}.communication-summary>div{padding:13px 15px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}.communication-summary span,.communication-summary strong{display:block}.communication-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.communication-summary strong{font-size:25px;margin-top:2px}.communication-hero-art{position:relative;min-height:230px;display:grid;place-items:center}.communication-symbol{position:relative;z-index:3;width:92px;height:92px;border-radius:28px;display:grid;place-items:center;font-size:39px;background:linear-gradient(145deg,#1f6fff,#163768);border:1px solid rgba(255,255,255,.17);box-shadow:0 25px 60px rgba(0,0,0,.32),0 0 45px rgba(53,194,255,.18);animation:float 4s ease-in-out infinite}.communication-orbit{position:absolute;border:1px solid rgba(53,194,255,.13);border-radius:50%}.orbit-one{width:210px;height:210px}.orbit-two{width:285px;height:285px}.message-chip{position:absolute;z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,19,36,.88);box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:10px;font-weight:800;color:#dfeaff}.chip-account{top:18px;left:3%}.chip-security{right:0;top:39%}.chip-investment{bottom:12px;left:8%}.refined-notification-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:20px;margin-top:20px;align-items:start}.notification-feed-card{padding:0;overflow:hidden}.notification-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.notification-toolbar h3{font-size:22px;margin-top:3px}.notification-filter-wrap{display:grid;gap:5px;min-width:170px}.communication-list{gap:0;margin:0;padding:10px}.communication-message{width:100%;grid-template-columns:44px minmax(0,1fr) 10px;align-items:center;gap:14px;padding:17px 14px;border:0;border-bottom:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.22s}.communication-message:last-child{border-bottom:0}.communication-message:hover{background:rgba(255,255,255,.035);transform:none}.communication-message.unread{border-color:var(--line);background:linear-gradient(90deg,rgba(31,111,255,.07),transparent 74%)}.notification-type{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.08)}.account-type{background:rgba(53,194,255,.1);color:#7ddcff}.security-type{background:rgba(246,200,76,.1);color:#f6c84c}.investment-type{background:rgba(49,208,155,.1);color:#63e0b2}.notification-copy{display:grid;gap:3px}.notification-copy>b{font-size:14px}.notification-copy>span{font-size:12px!important;line-height:1.5}.notification-copy>small{font-size:10px}.unread-dot{width:8px;height:8px;border-radius:50%;background:transparent}.communication-message.unread .unread-dot{background:var(--cyan);box-shadow:0 0 0 4px rgba(53,194,255,.08)}.notification-empty{text-align:center;padding:54px 20px}.notification-empty>span{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:rgba(49,208,155,.1);color:var(--green);font-weight:900}.notification-empty p{color:var(--muted);font-size:12px;margin-top:5px}.communication-side-column{display:grid;gap:20px}.preference-card h3{font-size:21px;margin:4px 0 7px}.preference-list{display:grid;margin-top:18px}.preference-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}.preference-row>span{display:grid;gap:2px}.preference-row b{font-size:13px}.preference-row small{font-size:10px;color:var(--muted)}.preference-row input{position:absolute;opacity:0;pointer-events:none}.preference-row i{position:relative;width:40px;height:23px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--line);transition:.2s;flex:0 0 auto}.preference-row i:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#8495ad;transition:.2s}.preference-row input:checked+i{background:rgba(31,111,255,.3);border-color:rgba(53,194,255,.32)}.preference-row input:checked+i:after{left:20px;background:#79dfff}.preference-settings-link{width:100%;margin-top:18px}.communication-help-card{display:flex;align-items:flex-start;gap:13px}.help-symbol{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(246,200,76,.1);color:var(--gold);font-weight:900}.communication-help-card h3{font-size:15px;margin-bottom:3px}
@media(max-width:1050px){.refined-communication-hero,.refined-notification-grid{grid-template-columns:1fr}.communication-hero-art{display:none}.communication-side-column{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.communication-topbar{align-items:flex-start}.communication-topbar>[data-mark-read]{font-size:11px;padding:10px 11px}.refined-communication-hero{padding:24px 19px;min-height:auto}.communication-summary{grid-template-columns:repeat(3,1fr)}.communication-summary>div{padding:10px}.communication-summary span{font-size:8px}.communication-summary strong{font-size:20px}.notification-toolbar{align-items:flex-start;flex-direction:column;padding:19px}.notification-filter-wrap{width:100%}.notification-filter-wrap select{width:100%}.communication-side-column{grid-template-columns:1fr}.communication-message{grid-template-columns:38px minmax(0,1fr) 8px;padding:15px 9px;gap:10px}.notification-type{width:36px;height:36px}.notification-copy>b{font-size:13px}.notification-copy>span{font-size:11px!important}}

/* Correction 8 — keep the Live Auctions content anchored directly below the heading */
.auction-page .auction-main{
  margin:0 auto !important;
  align-self:start !important;
}
.auction-page #clientAuctionArea{
  width:100%;
  margin-top:18px !important;
  align-self:start !important;
}
.auction-page #clientAuctionArea .auction-empty{
  margin:0 auto !important;
}


/* Option 6: final polish */
:where(button,input,select,textarea){font-family:inherit}
:where(h1,h2,h3,h4,p,small,label,button,a,th,td){text-rendering:optimizeLegibility}
.page-title h1,.section-head h2,.card h2,.card h3{line-height:1.2}
.small{line-height:1.5}
.btn{min-height:42px;line-height:1.2;transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.input,textarea,select{min-height:44px}
.table th{letter-spacing:.04em}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}