/* Shared presentation layer. Routes, form contracts and trading state colours stay in their original files. */
:root{--bg:#040e1b;--bg-top:#030b15;--card:#0a1b2d;--card-2:#071625;--surface:#0a1b2d;--raised:#10273c;--sunk:#061321;--panel:#0c2033;--chip:#10273c;--line:rgba(126,167,204,.22);--line-2:rgba(126,167,204,.4);--ink:#f4f7fc;--ink-2:#b2c7e0;--ink-3:#91a9c5;--label:#a7c7ed;--blue:#9bbde7;--gold:#efc66f;--accent:#efc66f;--r:18px;--r-sm:12px;--pad:22px;--g-ink-3:#94abc8;--g-blue:#abc9ef}
body,body.adm,body.sh{font-family:Inter,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 85% 0,rgba(35,74,105,.24),transparent 55%),#040e1b;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
h1,h2,h3,.name,.hw1,.hw2,.sh-brand,.gate-word{font-family:Montserrat,Inter,sans-serif}
a,button,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid #f4d68e;outline-offset:4px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-color:var(--line-2);color-scheme:dark}
input::placeholder,textarea::placeholder{color:#8da6c2}
.operator-preview{position:sticky;top:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid rgba(243,197,93,.55);background:#10283af2;color:#eaf6ff;font:600 12px/1.3 Inter,sans-serif;backdrop-filter:blur(12px)}.operator-preview a{padding:7px 11px;border:1px solid #f3c55d;border-radius:8px;color:#ffe08a;text-decoration:none;white-space:nowrap}
.btn.primary,.btn.gd,.gate-btn{background:linear-gradient(115deg,#ffe09a 0%,#edbd59 48%,#be8530 100%);border-color:#f3ce7d;color:#061321;box-shadow:inset 0 1px 0 #ffebb7,0 8px 25px #0003;font-weight:700}
.btn.primary .ico{color:#061321}
.btn{border-radius:10px;min-height:44px;transition:background .15s,border-color .15s,filter .15s;font-family:Montserrat,Inter,sans-serif}
.btn:hover{filter:brightness(1.09)}
.card,.stat,.bt,.pc-stats,.pc-card,.adm .panel{background:linear-gradient(135deg,rgba(18,42,63,.9),rgba(7,23,39,.97));box-shadow:0 12px 32px #0002,inset 0 1px 0 #ffffff04;border-color:var(--line)}
.card-h h2,.ph{color:var(--gold);letter-spacing:.13em}
.card-h .ico,.card-h .ic{color:var(--gold)}
.card-h{margin-bottom:18px}.listrow{padding-top:15px;padding-bottom:15px}
.foot{margin-top:48px;border-top:1px solid #bd934445;padding-top:28px;line-height:1.8}
.foot a{color:#b6cef0}.legalfoot{color:#91a9c5}
.hdr .logo,.sh-brand img{border-radius:0;box-shadow:none;overflow:visible;width:70px;height:54px;object-fit:contain}
.hdr .logo img{object-fit:contain}.hdr .name{font-size:11px;letter-spacing:.3em}
.brand-product{display:block;font-family:Montserrat,Inter,sans-serif;color:var(--gold);font-size:21px;font-weight:700;letter-spacing:.13em;margin-top:5px;line-height:1.2}
.hdr .tag{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:6px}
.plain{background:#030d19;padding-bottom:0}
.plain>.hdr{max-width:1100px;padding:36px 28px 30px;border-bottom:1px solid #c59b4640;gap:22px}
.plain .hdr .logo{width:118px;height:86px}.plain .brand-product{font-size:30px;letter-spacing:.17em}
.plain>.ptitle{max-width:620px;padding:48px 28px 8px}.plain>.ptitle h1{font-size:30px;letter-spacing:.025em}
.plain>.ptitle .ic{color:var(--gold)}.plain>.wrap{max-width:620px;padding:0 28px 40px}
.plain .sub{font-size:16px;color:var(--ink-2);margin-bottom:25px}
.plain form.card{padding:32px;margin-top:24px;border-color:#4b779a;background:linear-gradient(135deg,#112b40ec,#051626f5)}
.plain form label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:21px}
.plain form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.plain form select{min-height:52px;font-size:16px;border-radius:10px}
.plain form .btn.primary{min-height:54px;margin-top:28px;letter-spacing:.1em}
.plain .hdr>.live{background:#efc66f12;color:#f3cf81;border-color:#efc66f66;padding:11px 20px;font-size:12px}
/* Public welcome: portrait composition and crisp hierarchy follow the approved rendering. */
.landing{position:relative;isolation:isolate;background:#030d19;overflow-x:clip}
.landing:before{content:"";position:absolute;z-index:-2;top:0;right:max(0px,calc((100vw - 1120px)/2));width:min(68vw,720px);height:min(1000px,92vh);background:#030d19 url('andromeda-galaxy-portrait-v3.jpg') center 43%/cover no-repeat}
.landing:after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:min(1000px,92vh);background:linear-gradient(90deg,rgba(3,13,25,.98) 0%,rgba(3,13,25,.86) 38%,rgba(3,13,25,.14) 75%),linear-gradient(0deg,#030d19 0%,transparent 38%,rgba(3,13,25,.06) 100%)}
.landing>.hdr{max-width:1024px;padding:52px 64px 34px;border-bottom:0}.landing>.hdr>.live{display:none}
.landing .hdr .logo{width:132px;height:103px}.landing .hdr .name{font-size:14px;letter-spacing:.48em}.landing .brand-product{font-size:37px;letter-spacing:.13em}.landing .hdr .tag{font-size:10px;letter-spacing:.24em;margin-top:10px}
.landing>.ptitle{display:none}.landing>.wrap{max-width:1024px;padding:0 64px 72px}
.hero{padding:68px 0 44px;max-width:560px}.hero-eyebrow{display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.3em;font-size:15px;font-weight:600;color:#a9caf1}
.hero-eyebrow:before{content:"";height:3px;width:42px;border-radius:2px;background:linear-gradient(90deg,#dba63c,#ffdc7b)}
.hero h1{font-size:clamp(50px,6vw,66px);line-height:1.08;letter-spacing:.015em;margin:20px 0 18px;color:#f8f9fb;text-shadow:0 4px 24px #0007}
.hero h1 span{display:block;background:linear-gradient(180deg,#ffe49a,#d9a43d);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.03em;margin-top:8px}
.hero .hero-intro{font-size:23px;line-height:1.55;max-width:510px;color:#aec9ed}
.hero .hero-detail{font-size:16px;line-height:1.65;max-width:465px;margin-top:24px;color:#a8bfdd}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0 32px;margin-bottom:0}
.benefit{text-align:center;padding:0 24px;border-right:1px solid rgba(134,177,218,.3)}.benefit:first-child{padding-left:0}.benefit:last-child{border:0;padding-right:0}
.benefit-icon{display:grid;place-items:center;width:58px;height:64px;margin:0 auto 17px;color:#f4c65b;filter:drop-shadow(0 3px 12px #d8a03244);clip-path:polygon(50% 0,90% 18%,90% 65%,50% 100%,10% 65%,10% 18%);background:linear-gradient(135deg,#f9d979,#c98922);position:relative}
.benefit-icon:after{content:"";position:absolute;inset:3px;clip-path:inherit;background:#061525}.benefit-icon .ico{position:relative;z-index:1}
.benefit h2{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:#b8d2f2}.benefit p{font-size:13px;color:#a9bfda;line-height:1.58;margin-top:8px}
.hero-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin:28px auto 58px;max-width:630px}.hero-actions .btn{width:100%;min-height:62px;margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:14px;border-radius:11px}.hero-actions>span{color:#9ebbe0;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.hero-actions>span a{color:#f0c75f;text-decoration:underline;text-underline-offset:5px;margin-left:12px}
.landing-signature{display:flex;flex-direction:column;align-items:center;gap:17px;margin:4px auto 62px;text-align:center}.landing-signature>div{display:flex;align-items:center;gap:24px;width:min(700px,100%)}.landing-signature i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#efc258,transparent)}.landing-signature b{padding-left:.42em;color:#f2c962;font:700 14px/1 Montserrat,Inter,sans-serif;letter-spacing:.42em}.landing-signature>span{color:#9fbee3;font:600 10px/1.5 Montserrat,Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.welcome-grid>.card{margin:0;padding:28px}.landing .price b{color:#f6d58b}.landing .price{margin:18px 0}
.landing .closing-cta{max-width:620px;margin:34px auto 0;min-height:54px;letter-spacing:.12em;text-transform:uppercase}
.site-access{position:relative;margin-left:auto;z-index:20;font-family:Montserrat,Inter,sans-serif}
.site-access summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid rgba(239,198,111,.58);
  border-radius:999px;background:rgba(4,18,32,.74);color:#f3cf81;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;list-style:none}
.site-access summary::-webkit-details-marker{display:none}.site-access summary span{font-size:14px;transition:transform .15s}.site-access[open] summary span{transform:rotate(180deg)}
.site-access nav{position:absolute;top:calc(100% + 10px);right:0;width:260px;padding:8px;border:1px solid rgba(122,170,215,.3);border-radius:14px;
  background:rgba(5,20,36,.98);box-shadow:0 18px 45px rgba(0,0,0,.45);backdrop-filter:blur(12px)}
.site-access nav a,.site-access nav button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.site-access nav a:hover,.site-access nav button:hover{background:rgba(122,170,215,.1)}
.site-access nav a+a,.site-access nav a+button{border-top:1px solid rgba(122,170,215,.13)}.site-access nav b{display:block;font-size:12px;letter-spacing:.04em}.site-access nav small{display:block;margin-top:3px;color:#8faac8;font:500 11px/1.35 Inter,sans-serif}

/* Desktop presentation: compact, workstation-friendly proportions. Phone rules below remain unchanged. */
@media(min-width:1001px){
  .landing:before,.landing:after{height:min(900px,100vh)}
  .landing>.hdr{max-width:1180px;padding:28px 44px 18px}
  .landing .hdr .logo{width:100px;height:78px}.landing .hdr .name{font-size:11px;letter-spacing:.42em}
  .landing .brand-product{font-size:30px;letter-spacing:.13em}.landing .hdr .tag{font-size:8px;margin-top:7px}
  .landing>.wrap{max-width:1180px;padding:0 44px 56px}
  .hero{padding:38px 0 28px;max-width:520px}.hero-eyebrow{font-size:12px}.hero-eyebrow:before{width:34px;height:2px}
  .hero h1{font-size:clamp(44px,3.5vw,56px);margin:15px 0 13px;line-height:1.03}
  .hero h1 span{margin-top:5px}.hero .hero-intro{font-size:19px;line-height:1.45}.hero .hero-detail{font-size:14px;line-height:1.55;margin-top:17px;max-width:430px}
  .benefits{padding:12px 0 22px}.benefit{padding:0 20px}.benefit-icon{width:48px;height:53px;margin-bottom:12px}.benefit-icon .ico{width:28px;height:28px}
  .benefit h2{font-size:10px}.benefit p{font-size:12px;margin-top:5px}
  .hero-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:16px 22px;margin:20px auto 28px;max-width:680px}
  .hero-actions .btn{min-height:52px}.hero-actions>span{font-size:10px}.landing-signature{margin-bottom:38px}
  .welcome-grid>.card{padding:24px}

  body.gate .gate-page{max-width:1360px;padding:22px 40px 20px}
  body.gate .gate-logo{width:132px}
  body.gate .gate-word .w1{font-size:11px;letter-spacing:.5em}
  body.gate .gate-word .w2{font-size:36px;letter-spacing:.14em}
  body.gate .gate-word .w3{font-size:8px;letter-spacing:.2em;margin-top:3px}
  body.gate .gate-main{flex:0 0 auto;grid-template-columns:170px minmax(0,540px) 1fr;align-items:start;gap:28px;padding:24px 0 22px}
  body.gate .gate-rail{margin-top:22px;padding-left:20px}
  body.gate .gate-card{padding:28px 48px 26px}
  body.gate .gate-shield{width:48px;height:48px;margin-bottom:9px}body.gate .gate-shield svg{max-width:48px;max-height:50px}
  body.gate .gate-card h1{font-size:25px;letter-spacing:.2em}
  body.gate .gate-lead{font-size:15px;margin:9px auto 22px;max-width:360px}
  body.gate .gate-form label{font-size:11px;margin-bottom:6px}body.gate .gate-form .gate-field+label{margin-top:17px}
  body.gate .gate-field{height:52px}body.gate .gate-field input{font-size:15px}body.gate .gate-field>svg{margin-left:16px}
  body.gate .gate-btn{height:54px;margin-top:23px;font-size:15px}body.gate .gate-note{margin-top:12px;font-size:10px}
  body.gate .gate-foot{gap:9px}body.gate .gate-risk{font-size:11.5px;max-width:700px}body.gate .gate-links{font-size:12px}
  body.gate .gate-fr{width:min(560px,100%)}body.gate .gate-fr b{font-size:12px}body.gate .gate-fl{font-size:10px}
}
/* Signed-in member workspace. */
.member{background:radial-gradient(800px 420px at 78% -8%,rgba(59,104,144,.18),transparent 70%),linear-gradient(180deg,#061321,#030c17 72%);font-size:14px}
.member>.hdr,.member>.ptitle,.member>.wrap{max-width:900px}
.member>.hdr{padding:28px 26px 23px;border-bottom:1px solid #cba34b55;gap:18px}.member>.hdr:after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:105px;width:min(900px,calc(100% - 32px));height:1px;background:linear-gradient(90deg,transparent,#efc35a66,transparent)}
.member>.ptitle{padding:34px 26px 9px}.member>.ptitle h1{font:700 31px/1.1 Montserrat,Inter,sans-serif;letter-spacing:.01em}.member>.ptitle .ic{color:var(--gold)}
.member>.wrap{padding:0 26px 28px}.member .card{margin-top:18px}.member .stats{gap:16px;margin-top:18px}.member .stat{padding:21px}.member .stat .v{font-size:28px;margin-top:13px}
.member .card,.member .stat{border-radius:16px;border-color:rgba(118,164,204,.28);background:linear-gradient(145deg,rgba(16,43,65,.96),rgba(6,23,39,.98));box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)}
.member .card:hover,.member a.stat:hover{border-color:rgba(239,198,111,.42)}
.member .card-h{padding-bottom:13px;border-bottom:1px solid rgba(122,170,215,.18)}.member .card-h h2{font:700 11px/1.4 Montserrat,Inter,sans-serif;color:#f0c86d}.member .card-h .right{font-weight:600}
.member .listrow .icb{border-radius:10px;color:#eac260;border-color:rgba(234,194,96,.32);background:rgba(234,194,96,.07)}
.member .listrow .t{font-family:Montserrat,Inter,sans-serif;font-size:13px}.member .listrow .s{color:#9fb8d6;line-height:1.5}
.member .seg{border-radius:12px;border-color:rgba(125,166,203,.28);background:#061625;box-shadow:inset 0 1px rgba(255,255,255,.02)}.member .seg a{font:600 11px/1.2 Montserrat,Inter,sans-serif;letter-spacing:.035em;padding:14px 8px;color:#91aac8}.member .seg a.on,.member .seg.tealon a.on{color:#f5d27f;background:linear-gradient(180deg,rgba(239,198,111,.04),rgba(239,198,111,.14))}.member .seg a.on:after{height:2px;background:linear-gradient(90deg,transparent,#f2c967,transparent)}.member .seg .cnt{background:#e8bb53;color:#071522}
.member .nav{background:rgba(4,14,25,.94);border-top:1px solid rgba(233,190,89,.4);box-shadow:0 -12px 34px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.member .nav-in{max-width:900px}.member .nav a{position:relative;padding:13px 0 11px;font:600 10px/1.15 Montserrat,Inter,sans-serif;letter-spacing:.04em;color:#829bb9;transition:color .15s,background .15s}.member .nav a:before{content:"";position:absolute;left:28%;right:28%;top:-1px;height:2px;background:transparent}.member .nav a.on{color:#f2c963;background:linear-gradient(0deg,rgba(239,198,111,.12),transparent)}.member .nav a.on:before{background:#f2c963;box-shadow:0 0 14px rgba(242,201,99,.55)}
.member .sheet{background:rgba(1,7,13,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.member .sheet .box{border:1px solid rgba(239,198,111,.28);background:linear-gradient(145deg,#102b42,#061625);box-shadow:0 -25px 60px rgba(0,0,0,.45)}.member .sheet .grab{background:#e5bc5d66}.member .sheet h3{font-family:Montserrat,Inter,sans-serif}.member .sheet .btn{font-weight:650}
.member .card.switch{padding:16px 18px;border-left:2px solid rgba(60,233,187,.62)}.member .card.switch .t{font-family:Montserrat,Inter,sans-serif}.member .card.switch .btn{border-color:rgba(239,198,111,.42);color:#f1cc79}
.member .pill{font-family:Montserrat,Inter,sans-serif;letter-spacing:.05em}
.member-signout,.member .signout-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,112,125,.78)!important;border-radius:999px!important;background:linear-gradient(135deg,#e95161,#a92136)!important;color:#fff!important;box-shadow:0 8px 22px rgba(173,34,54,.25);font-weight:700!important}.member-signout:hover,.member .signout-confirm:hover{background:linear-gradient(135deg,#fa6171,#c42a41)!important;filter:none}.member .signout-confirm .ico,.member-signout .ico{color:#fff}
.signout-legacy{border-color:#ef5a69!important;border-radius:999px!important;background:linear-gradient(135deg,#e95161,#a92136)!important;color:#fff!important;box-shadow:0 8px 22px rgba(173,34,54,.22)}
.gate-signout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid rgba(255,112,125,.78);border-radius:999px;background:linear-gradient(135deg,#e95161,#a92136);color:#fff!important;font:700 11px/1 Montserrat,Inter,sans-serif;letter-spacing:.08em;text-decoration:none!important;box-shadow:0 8px 22px rgba(173,34,54,.25)}.gate-signout:hover{background:linear-gradient(135deg,#fa6171,#c42a41)}
.member .foot{margin-top:38px;padding-top:22px;line-height:1.75}
.member-riskline{margin:9px auto 0;color:#91a9c5;font-size:10px}
.member-riskline a{white-space:nowrap}
.member .recent-row{display:grid;grid-template-columns:42px minmax(82px,1fr) 70px 118px minmax(106px,auto);align-items:center;gap:14px}
.member .recent-row .recent-symbol{min-width:0}
.member .recent-row .recent-time{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.member .recent-row .end{margin-left:0;justify-self:end;white-space:nowrap}
/* Operator workspace: quiet backgrounds keep accounts and order controls readable. */
.sh-top{height:82px;background:rgba(4,14,25,.96);border-bottom-color:#c49b4955;padding:0 28px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.sh-brand{gap:16px}.sh-brand img{width:68px;height:50px}.sh-brand b{font-size:11px;letter-spacing:.28em}.sh-brand i{font-size:21px;letter-spacing:.14em;margin-top:6px}
.sh-body{grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 82px)}
.sh-side{top:82px;height:calc(100vh - 82px);padding:25px 16px 32px;background:linear-gradient(180deg,#0a1c2e,#040e1b);border-right-color:rgba(131,169,202,.2)}
.sh-side-label{padding:0 14px 15px;color:#6f89a7;font:700 10px/1 Montserrat,Inter,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.sh-links{gap:9px}.sh-links a{font-size:13px;min-height:48px;border-radius:9px}.sh-links a.on{border-color:#d9b36160;background:linear-gradient(90deg,#c2953429,#c2953408);color:#ffda8b;box-shadow:inset 3px 0 #e6bd65}
.sh .adm-main{padding:40px 36px 8px}.adm-head{padding-bottom:28px;border-bottom:1px solid #83a7ca24;margin-bottom:28px}.adm-head h1{font:700 32px/1.15 Montserrat,Inter,sans-serif;letter-spacing:.01em}.adm-lead{font-size:13px;line-height:1.7;margin-top:10px;color:#9fb8d5}
.sh .panel,.sh .pc-card{border-radius:15px;border-color:rgba(122,170,215,.22);box-shadow:0 16px 36px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.02)}.sh .ph{font-family:Montserrat,Inter,sans-serif;color:#f0c86d}.tbl th{color:#adc8e8;letter-spacing:.09em;font-family:Montserrat,Inter,sans-serif}.tbl td{padding-top:16px;padding-bottom:16px}.pc-stats{border-top:2px solid #d1a45680}.pc-stat{padding:23px}.pc-stat .l,.bt .l{font-family:Montserrat,Inter,sans-serif;color:#a9c4e4}.sh-tag{font-style:normal;letter-spacing:.04em;line-height:1.8}.sh-out{justify-content:center;margin:0 0 18px;padding:12px 15px;border:1px solid rgba(255,112,125,.72);border-radius:999px;background:linear-gradient(135deg,#e95161,#a92136);color:#fff;box-shadow:0 8px 22px rgba(173,34,54,.25)}.sh-out:hover{color:#fff;background:linear-gradient(135deg,#fa6171,#c42a41);border-color:#ff8994}.sh-out svg{color:#fff}
.sh-links a,.sh-out,.sh .btn,.pc-filters button{font-family:Montserrat,Inter,sans-serif}.sh-links a{letter-spacing:.01em}.sh-links a svg{color:#829fbd}.sh-links a.on svg{color:#efc663}.sh-links a:hover{border-color:rgba(122,170,215,.18)}
.pc-filters button{border-radius:9px;font-size:12px;letter-spacing:.03em}.pc-filters button.on{border-color:#d9b55f;color:#f6d485;box-shadow:inset 0 -2px #e9bd59}.pc-search{border-radius:9px}.pc-quick{border-color:rgba(239,198,111,.32);background:rgba(5,18,31,.97);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.member-searchbar{display:flex;align-items:center;gap:12px;margin-top:16px}.member-search{position:relative;display:flex;align-items:center;flex:1;min-width:220px}.member-search>svg{position:absolute;left:14px;color:#8eabc9;pointer-events:none}.member-search input{width:100%;height:44px;padding:0 44px 0 43px;border:1px solid rgba(122,170,215,.32);border-radius:10px;background:#051522;color:#fff;font:500 13px/1 Inter,sans-serif;transition:border-color .15s,box-shadow .15s}.member-search input::placeholder{color:#7793b1}.member-search input:focus{outline:0;border-color:#e6bb58;box-shadow:0 0 0 3px rgba(230,187,88,.11)}.member-search input::-webkit-search-cancel-button{display:none}.member-search button{position:absolute;right:8px;width:29px;height:29px;border:0;border-radius:7px;background:rgba(122,170,215,.1);color:#9cb6d3;font-size:21px;line-height:1;cursor:pointer}.member-search button:hover{background:rgba(239,198,111,.14);color:#f3ce78}.member-search-count{flex:0 0 auto;color:#8faac8;font:600 11px/1 Montserrat,Inter,sans-serif;letter-spacing:.05em;white-space:nowrap}.member-search-empty{margin-top:14px;padding:20px;border:1px dashed rgba(122,170,215,.28);border-radius:10px;text-align:center;color:#8faac8}[hidden]{display:none!important}
@media(max-width:600px){.member-searchbar{align-items:stretch;flex-direction:column;gap:8px}.member-search{min-width:0}.member-search-count{padding-left:2px}}
/* Gateway uses the same galaxy artwork as the welcome page. */
body.gate{background:#040e1b;isolation:isolate}.gate-bg{background:linear-gradient(90deg,#030e1bf2 0%,#030e1ba8 45%,#030e1b28 100%),#030e1b url('andromeda-galaxy-portrait-v3.jpg') right 43%/auto 118% no-repeat;z-index:-1}.gate-bg:after{display:none}.gate-mtn{display:none}
.gate-page{max-width:1500px;margin:auto;padding:38px 48px 30px}.gate-logo{width:180px}.gate-word .w2{font-size:clamp(30px,4vw,48px);letter-spacing:.15em}.gate-word .w3{color:#a8c7ed;letter-spacing:.24em;font-size:10px}.gate-card{background:linear-gradient(130deg,#112b40e8,#051626f5);border-color:#4b779a}.gate-lead{color:#a1b9d9}.gate-field input::placeholder{color:#94acca}.gate-main{padding:56px 0;grid-template-columns:190px minmax(0,620px) 1fr}.gate-rail{margin-top:25px}.gate-card h1{letter-spacing:.18em}.gate-btn{letter-spacing:.15em;font-size:16px}
@media(min-width:1100px){.member{padding-bottom:100px}.member .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member .foot{max-width:680px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.gate-main{grid-template-columns:150px minmax(0,620px);gap:20px}.gate-page{padding:30px 24px}.gate-rail{padding-left:16px}.gate-rail .k{letter-spacing:.16em}.gate-rail .d{font-size:13px}}
@media(max-width:860px){.sh-top{height:70px;padding:0 14px}.sh-body{grid-template-columns:1fr}.sh-side{top:70px;height:auto}.sh-open .sh-scrim{top:70px}.sh .adm-main{padding:24px 16px 8px}.sh-brand img{width:52px;height:42px}.sh-brand i{font-size:17px}.sh-brand b{font-size:10px}.adm-head h1{font-size:27px}.pc-stat{padding:18px}.gate-main{display:block}.gate-rail{display:none}.gate-card{max-width:600px;margin:auto}.gate-brand{margin:auto}.gate-logo{width:135px}.gate-word .w1{letter-spacing:.4em}.gate-word .w3{white-space:normal}}
@media(max-width:600px){.plain>.hdr{padding:25px 20px;gap:12px}.plain .hdr .logo{width:70px;height:57px}.plain .brand-product{font-size:19px;letter-spacing:.09em}.plain .hdr .name{font-size:9px;letter-spacing:.24em}.plain .hdr .tag{font-size:7px;letter-spacing:.04em}.plain .hdr>.live{font-size:10px;padding:8px 11px}.plain>.wrap,.landing>.wrap{padding-left:20px;padding-right:20px}.plain>.ptitle{padding:34px 20px 4px}.plain form.card{padding:23px}.landing:before,.landing:after{height:850px}.landing:before{right:0;width:100%;background-position:61% 43%}.landing>.hdr{padding:25px 20px}.landing .hdr .logo{width:76px;height:62px}.landing .hdr .name{font-size:9px}.landing .brand-product{font-size:20px}.landing .hdr .tag{font-size:7px}.hero{padding:54px 0 38px;max-width:78%}.hero h1{font-size:clamp(32px,9vw,46px)}.hero-eyebrow{font-size:10px}.hero .hero-intro{font-size:17px}.hero .hero-detail{font-size:13px;max-width:92%}.benefits{grid-template-columns:1fr 1fr;gap:30px 0}.benefit,.benefit:first-child{padding:0 14px}.benefit:nth-child(2){border:0}.benefit-icon{width:48px;height:53px}.benefit h2{font-size:10px}.hero-actions{gap:18px;margin-bottom:42px}.hero-actions .btn{width:100%}.landing-signature{margin-bottom:42px}.landing-signature>div{gap:12px}.landing-signature b{font-size:11px}.landing-signature>span{font-size:7px;letter-spacing:.08em}.welcome-grid{grid-template-columns:1fr}.welcome-grid>.card{padding:23px}.member>.hdr{padding:20px 16px;gap:10px}.member>.ptitle{padding:25px 16px 4px}.member>.wrap{padding:0 16px 24px}.member .brand-product{font-size:18px}.member .hdr .logo{width:56px;height:44px}.member .hdr .tag{font-size:7px}.member .stat{padding:16px}.member .stat .v{font-size:23px}.member .card{padding:18px}.member .stats{gap:11px}.member .recent-row{grid-template-columns:48px minmax(82px,1fr) auto;grid-template-rows:auto auto;gap:7px 12px;padding-top:17px;padding-bottom:17px}.member .recent-row .coin{grid-column:1;grid-row:1/3}.member .recent-row .recent-symbol{grid-column:2;grid-row:1}.member .recent-row .side{grid-column:2;grid-row:2;justify-self:start}.member .recent-row .recent-time{grid-column:3;grid-row:1;justify-self:end}.member .recent-row .end{grid-column:3;grid-row:2}.gate-page{padding:27px 16px}.gate-bg{background-position:64% 43%;background-size:auto 110%}.gate-brand{gap:10px}.gate-logo{width:90px}.gate-word .w1{font-size:10px}.gate-word .w2{font-size:25px;letter-spacing:.08em}.gate-word .w3{font-size:7px;letter-spacing:.09em}.gate-main{padding:38px 0}.gate-card{padding:30px 22px}.gate-card h1{font-size:23px}.gate-fl{font-size:10px}.gate-links{font-size:12px}}
.legalfoot{margin-left:auto;margin-right:auto}
.member .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member .stat{min-width:0}.grid>.panel{min-width:0}.adm .btn{white-space:normal}
.member .head{flex-wrap:wrap}
@media(max-width:360px){.plain>.hdr{padding-left:14px;padding-right:14px;gap:8px}.plain .hdr .logo{width:54px}.plain .brand-product{font-size:16px}.plain .hdr .tag{font-size:6px}.plain .hdr>.live{padding:7px 9px}.member .stat{padding:12px}.member .stat .v{font-size:20px;overflow-wrap:anywhere}.member .stat .top{gap:6px}.member .stat .icb{width:25px;height:25px}.member .listrow{flex-wrap:wrap;gap:8px}.member .listrow .end{max-width:100%}.member .recent-row{display:grid;grid-template-columns:42px minmax(70px,1fr) auto;gap:7px 9px}.member .recent-row .end{max-width:none}.member .pill{white-space:normal}.member .card-h{flex-wrap:wrap}.adm .panel{padding:16px}}
@media(max-width:450px){.sh-top{gap:8px;padding:0 12px}.sh-brand{gap:8px}.sh-brand img{width:42px}.sh-brand i{font-size:15px;letter-spacing:.09em}.sh-brand b{font-size:9px;letter-spacing:.15em}.sh-top-r{gap:0}.sh-top-r .pill{font-size:8px;letter-spacing:0;padding:4px 6px}.member .hdr .tag{letter-spacing:0}.member .hdr .live{font-size:9px;padding:6px}.member .hdr{flex-wrap:wrap}.member .hdr .live b{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Phone sizing: keep the approved A72 density while scaling cleanly from
   320px compact phones through 480px large phones. */
@supports (min-height:100dvh){body{min-height:100dvh}.sheet .box{max-height:86dvh}}
@media(max-width:600px){
  .landing:before,.landing:after{height:clamp(760px,205vw,900px)}
  .landing>.hdr{padding:clamp(20px,6vw,28px) clamp(14px,5vw,22px);gap:clamp(8px,2.8vw,13px)}
  .landing .hdr .logo{width:clamp(62px,19vw,82px);height:auto;aspect-ratio:1.28/1}
  .landing .hdr .name{font-size:clamp(8px,2.3vw,10px);letter-spacing:clamp(.28em,1vw,.44em)}
  .landing .brand-product{font-size:clamp(18px,5.2vw,22px);letter-spacing:clamp(.08em,.6vw,.13em)}
  .landing .hdr .tag{font-size:clamp(6px,1.8vw,8px);letter-spacing:clamp(.04em,.6vw,.12em)}
  .landing>.wrap{padding-left:clamp(14px,4.7vw,22px);padding-right:clamp(14px,4.7vw,22px)}
  .hero{max-width:min(100%,clamp(250px,78vw,470px));padding-top:clamp(42px,14vw,60px)}
  .hero h1{font-size:clamp(30px,9vw,46px)}
  .hero .hero-intro{font-size:clamp(15px,4.6vw,18px)}
  .hero .hero-detail{font-size:clamp(12px,3.5vw,14px)}

  .member>.hdr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
    padding:clamp(16px,5vw,22px) clamp(12px,4vw,18px);gap:clamp(7px,2.5vw,12px);flex-wrap:nowrap}
  .member>.hdr>div{min-width:0}
  .member .hdr .logo{width:clamp(48px,15vw,60px);height:auto;aspect-ratio:1.28/1}
  .member .hdr .name{font-size:clamp(8px,2.4vw,10px);letter-spacing:clamp(.18em,.8vw,.28em)}
  .member .brand-product{font-size:clamp(16px,4.8vw,20px);letter-spacing:clamp(.06em,.5vw,.11em);white-space:nowrap}
  .member .hdr .tag{font-size:clamp(6px,1.8vw,8px);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .member .hdr .live{margin-left:0;font-size:clamp(8px,2.25vw,10px);padding:clamp(6px,1.8vw,8px) clamp(8px,2.8vw,12px);gap:5px}
  .member>.ptitle{padding:clamp(21px,6.7vw,28px) clamp(12px,4vw,18px) 5px;gap:clamp(9px,3vw,13px)}
  .member>.ptitle h1{font-size:clamp(25px,8vw,32px)}
  .member>.wrap{padding-left:clamp(12px,4vw,18px);padding-right:clamp(12px,4vw,18px)}
  .member .card{padding:clamp(15px,4.5vw,19px)}
  .member .stat{padding:clamp(12px,4vw,17px)}
  .member .stat .v{font-size:clamp(19px,6.3vw,27px)}
  .member .stats{gap:clamp(8px,2.8vw,12px)}
  .member .nav a{font-size:clamp(9px,2.6vw,11px);padding-top:clamp(9px,3vw,13px)}
}
@media(max-width:370px){
  .landing>.hdr{padding-left:10px;padding-right:10px;gap:6px}
  .landing .hdr .logo{width:54px}
  .landing .brand-product{font-size:16px;letter-spacing:.05em}
  .landing .hdr .name{font-size:7.5px;letter-spacing:.22em}
  .landing .hdr .tag{font-size:5.5px;letter-spacing:.02em}
  .site-access summary{min-height:38px;padding:7px 9px;font-size:9px;letter-spacing:.08em}
  .site-access nav{width:min(260px,calc(100vw - 20px))}
  .landing:after{background:linear-gradient(90deg,rgba(3,13,25,.98) 0%,rgba(3,13,25,.84) 58%,rgba(3,13,25,.3) 100%),linear-gradient(0deg,#030d19 0%,transparent 38%,rgba(3,13,25,.06) 100%)}
  .hero{max-width:100%}.hero h1{font-size:clamp(29px,9.2vw,34px);letter-spacing:0}
  .hero .hero-detail{max-width:88%}
  .benefit,.benefit:first-child{padding-left:9px;padding-right:9px}
  .benefit h2{font-size:9px;letter-spacing:.12em}.benefit p{font-size:12px}
  .member .hdr .live b{display:none}
}
