/* AtlasQuant reference design — one responsive visual system for public and private pages. */
:root{--show-cyan:#16bdf5;--show-cyan-2:#70d9ff;--show-cyan-dim:rgba(22,189,245,.12);--show-cyan-line:rgba(65,180,228,.35);--show-panel:#0a1c2d;--show-panel-2:#0e2437;--show-line:rgba(117,168,207,.20)}

/* Public landing page */
.landing{position:relative;isolation:isolate;min-height:100vh;overflow-x:clip;background:#020b14}
.landing:before{content:"";position:absolute;z-index:-2;top:0;left:50%;width:min(1220px,100%);height:min(790px,100vh);transform:translateX(-50%);border:0;border-radius:0;background:#020b14 url('andromeda-galaxy.jpg') 58% 50%/cover no-repeat;box-shadow:none}
.landing:after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:min(790px,100vh);background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.98) 22%,rgba(2,11,20,.82) 43%,rgba(2,11,20,.16) 73%),linear-gradient(0deg,#020b14 0%,transparent 34%)}
.landing>.hdr{width:min(1120px,calc(100% - 48px));max-width:none;min-height:100px;margin:0 auto;padding:22px 0;border:0;gap:14px}
.landing .hdr .logo{width:78px;height:60px}.landing .hdr .name{font-size:9px;letter-spacing:.3em}.landing .brand-product{font-size:22px;letter-spacing:.1em;margin-top:3px;color:#fff}.landing .hdr .tag{font-size:6px;letter-spacing:.11em;margin-top:5px;color:#a8c3dc}
.show-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.show-nav a{color:#d0deea;text-decoration:none;font:600 9px/1 Inter,sans-serif;transition:color .15s}.show-nav a:hover{color:var(--show-cyan-2)}
.landing>.ptitle{display:none}.landing>.wrap{width:min(1120px,calc(100% - 48px));max-width:none;margin:0 auto;padding:0 0 58px}
.landing .hero{min-height:405px;max-width:560px;padding:40px 0 24px}.landing .hero-eyebrow{gap:0;color:#53d8f8;font-size:8px;letter-spacing:.35em}.landing .hero-eyebrow:before{display:none}
.landing .hero h1{font:800 clamp(44px,4.2vw,60px)/.96 Montserrat,Inter,sans-serif;letter-spacing:.02em;margin:12px 0;color:#eaf5ff;text-shadow:0 5px 28px #000}.landing .hero h1 small{display:block;margin-bottom:7px;font:500 .62em/1 Inter,sans-serif;letter-spacing:0;color:#fff}.landing .hero h1 span{display:block;margin-top:8px;letter-spacing:.19em;background:linear-gradient(180deg,#70e0ff,#16bdf5);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing .hero .hero-intro{font:700 17px/1.35 Montserrat,Inter,sans-serif;color:#eef7fd}.landing .hero .hero-detail{max-width:470px;margin-top:11px;font-size:12px;line-height:1.45;color:#d1deea}.landing .hero-values{margin-top:17px;color:#54dcfb;font:700 8px/1.4 Montserrat,Inter,sans-serif;letter-spacing:.31em;text-transform:uppercase}
.landing .hero-actions{display:flex;flex-direction:row;align-items:center;gap:13px;width:430px;max-width:100%;margin:18px 0 0}.landing .hero-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:172px;min-height:43px;margin:0;padding:10px 15px;border-radius:7px;font-size:10px}.landing .hero-actions .primary{background:linear-gradient(135deg,#14c7ff,#087cff);border:1px solid #47dcff;color:#fff;box-shadow:0 8px 24px rgba(0,154,255,.26)}.landing .showcase-secondary{background:rgba(3,16,29,.72);border:1px solid #5f9fc8;color:#f0f7fb}
.landing .benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;padding:10px 0 0;margin:0;border:0}
.landing .benefit,.landing .benefit:first-child,.landing .benefit:last-child{display:block;min-height:126px;padding:15px 17px;text-align:left;border:1px solid rgba(77,145,195,.31);border-radius:7px;background:linear-gradient(145deg,rgba(8,27,45,.88),rgba(3,15,28,.92))}
.landing .benefit-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 0 10px;color:var(--show-cyan-2);border:0;border-radius:50%;background:rgba(14,59,91,.54);clip-path:none;filter:none}.landing .benefit-icon:after{display:none}.landing .benefit-icon .ico{width:21px;height:21px}
.landing .benefit h2{margin:0;font:700 11px/1.3 Montserrat,Inter,sans-serif;letter-spacing:0;text-transform:none;color:#f1f7fb}.landing .benefit p{margin:6px 0 0;font-size:10px;line-height:1.4;color:#a9c0d4}
.landing .welcome-grid{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px}.landing .welcome-grid>.card{margin:0;padding:20px;border-radius:7px;border-color:var(--show-line);background:linear-gradient(145deg,rgba(9,29,47,.94),rgba(4,17,30,.98));box-shadow:none}.landing .welcome-grid>.card:last-child{grid-column:1/-1}
.landing .card-h h2{color:var(--show-cyan-2);font-size:11px}.landing .card-h .ico{color:var(--show-cyan)}.landing .closing-cta{max-width:420px;min-height:46px;margin:24px auto 0;background:linear-gradient(135deg,#0cb7f1,#087fd0);border-color:#42ceff;color:#fff;font-size:11px;letter-spacing:.08em;box-shadow:0 8px 24px rgba(0,151,235,.17)}.landing .foot{max-width:900px;margin-left:auto;margin-right:auto}
.landing .site-access{margin-left:auto}.landing .site-access summary{min-height:36px;padding:8px 13px;border-color:var(--show-cyan-line);border-radius:5px;color:#d8f4ff;background:rgba(3,18,31,.78);font-size:9px;letter-spacing:.08em}.landing .site-access nav{border-color:var(--show-cyan-line);border-radius:8px;background:rgba(3,16,28,.99)}.landing .site-access nav a:hover{background:var(--show-cyan-dim)}

/* Sign-in and registration pages */
body.gate .gate-bg{background:linear-gradient(90deg,#020c17 0%,rgba(2,12,23,.97) 47%,rgba(2,12,23,.17) 100%),#020c17 url('andromeda-galaxy.jpg') 70% 50%/cover no-repeat}body.gate .gate-page{max-width:1180px;padding:20px 28px 18px}body.gate .gate-logo{width:96px}body.gate .gate-word .w1{font-size:9px}body.gate .gate-word .w2{font-size:27px}body.gate .gate-word .w3{font-size:7px}
body.gate .gate-main{grid-template-columns:140px minmax(0,460px) 1fr;gap:22px;padding:28px 0 22px}body.gate .gate-card{padding:27px 36px 25px;border-radius:8px;border-color:var(--show-cyan-line);background:linear-gradient(145deg,rgba(13,37,59,.95),rgba(4,18,31,.99));box-shadow:0 22px 55px rgba(0,0,0,.25)}body.gate .gate-card h1{font-size:23px}body.gate .gate-lead{font-size:14px}
body.gate .gate-btn{background:linear-gradient(135deg,#0da9f0,#087dd7);border-color:#39c5ff;color:#fff}body.gate .gate-rail{border-left-color:var(--show-cyan);padding-left:17px}body.gate .gate-rail .k{color:#8edaff}body.gate .gate-field:focus-within{border-color:var(--show-cyan);box-shadow:0 0 0 3px var(--show-cyan-dim)}body.gate .gate-fr i{background:linear-gradient(90deg,transparent,var(--show-cyan),transparent)}body.gate .gate-fr b{color:#60ceff}

/* Signed-in member workspace */
.member .btn.primary{background:linear-gradient(135deg,#0da9f0,#087dd7);border-color:#39c5ff;color:#fff;box-shadow:0 8px 22px rgba(0,151,235,.16)}.member .seg a.on,.member .seg.tealon a.on{color:var(--show-cyan-2);background:linear-gradient(180deg,rgba(24,184,255,.04),rgba(24,184,255,.13))}.member .seg a.on:after{background:var(--show-cyan)}.member .nav a.on{color:var(--show-cyan-2);background:linear-gradient(0deg,rgba(24,184,255,.12),transparent)}.member .nav a.on:before{background:var(--show-cyan);box-shadow:0 0 14px rgba(24,184,255,.55)}
@media(min-width:900px){.member>.hdr,.member>.ptitle,.member>.wrap{max-width:1040px}.member>.hdr{padding:15px 22px 13px}.member>.hdr:after{top:73px;max-width:1040px}.member>.ptitle{padding:22px 22px 6px}.member>.ptitle h1{font-size:25px}.member>.wrap{padding:0 22px 30px}.member .card{margin-top:12px}.member .stats{gap:10px;margin-top:12px}.member .card{padding:17px}.member .stat{padding:15px}.member .stat .v{font-size:23px}}

/* Owner and trade-control workspace */
body.sh{--accent:var(--show-cyan);--gold:#62ceff;background:radial-gradient(850px 340px at 78% -8%,rgba(24,184,255,.08),transparent 64%),#030d18}.sh-top{height:58px;padding:0 18px;background:#061321;border-bottom-color:var(--show-line);box-shadow:none}.sh-brand{gap:9px}.sh-brand img{width:42px;height:32px}.sh-brand b{font-size:8px;letter-spacing:.12em}.sh-brand i{font-size:12px;letter-spacing:.04em;color:#71d8ff;margin-top:2px}.sh-avatar{width:31px;height:31px}.sh-desk-state{font-size:9px;padding:5px 9px}
.sh-body{grid-template-columns:188px minmax(0,1fr);min-height:calc(100vh - 58px)}.sh-side{top:58px;height:calc(100vh - 58px);padding:18px 10px 20px;justify-content:flex-start;background:linear-gradient(180deg,#071929,#030d18)}.sh-side-label{padding:0 10px 10px;font-size:8px;letter-spacing:.15em;color:#67859f}.sh-links{gap:4px}.sh-links a{min-height:38px;padding:8px 11px;border-radius:6px;font-size:11px;gap:10px}.sh-links a svg{width:17px;height:17px}.sh-links a.on{border-color:var(--show-cyan-line);background:linear-gradient(90deg,rgba(24,184,255,.20),rgba(24,184,255,.05));color:#d2f4ff;box-shadow:inset 3px 0 var(--show-cyan)}.sh-links a.on svg{color:var(--show-cyan)}.sh-foot{width:100%;margin-top:auto}.sh-out{font-size:11px;padding:9px 12px}.sh-tag{font-size:10px;padding:11px;line-height:1.45}
.sh .adm-main{padding:24px 24px 8px;max-width:1280px;width:100%}.adm-head{padding-bottom:15px;margin-bottom:15px}.adm-head h1{font-size:24px}.adm-lead{margin-top:5px;font-size:11px}.big{gap:10px}.bt{padding:12px 14px;border-radius:7px}.bt .v{font-size:22px}.bt .l{font-size:8px}
.sh .panel,.sh .pc-card{border-radius:7px;border-color:var(--show-line);background:linear-gradient(145deg,rgba(11,32,51,.93),rgba(5,19,32,.99));box-shadow:0 10px 26px rgba(0,0,0,.11)}.sh .ph{color:#d8f4ff}.tbl th{color:#8ab9d8;font-size:9px}.tbl td{padding-top:10px;padding-bottom:10px;font-size:11px}
.pc-stats{border-top:1px solid var(--show-cyan-line);border-radius:7px}.pc-stat{padding:13px 15px}.pc-stat .v{font-size:21px}.pc-stat .l{font-size:8px}.pc-stat .s{font-size:9px}.pc-bar{gap:8px}.pc-filters button{font-size:10px;padding:7px 12px}.pc-search{font-size:11px;min-height:36px}.pc-filters button.on{border-color:var(--show-cyan);color:#d5f4ff;background:var(--show-cyan-dim);box-shadow:inset 0 -2px var(--show-cyan)}.pc-all{border-color:var(--show-cyan);background:var(--show-cyan-dim);font-size:10px}.pc-box{border-color:var(--show-cyan)}.pc-box.on{background:var(--show-cyan)}.pc-pg.on{background:var(--show-cyan);color:#03111e}.pc-btn.pc-be{border-color:var(--show-cyan-line);color:#bdeaff;background:var(--show-cyan-dim)}.pc-quick{border-radius:7px}.sh .btn.primary{background:linear-gradient(135deg,#0da9f0,#087dd7);border-color:#39c5ff;color:#fff}.member-search input:focus,.sh input:focus,.sh select:focus{border-color:var(--show-cyan);box-shadow:0 0 0 3px var(--show-cyan-dim)}

@media(max-width:900px){.show-nav{display:none}.landing:before{left:0;transform:none;width:100%;height:720px;background-position:66% 50%}.landing:after{height:720px;background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.91) 46%,rgba(2,11,20,.28) 100%),linear-gradient(0deg,#020b14 0%,transparent 42%)}.landing>.hdr,.landing>.wrap{width:calc(100% - 32px)}.landing .hero{min-height:380px;max-width:min(520px,76vw);padding-top:65px}.sh-top{height:58px}.sh-body{grid-template-columns:1fr}.sh-side{top:58px;height:calc(100vh - 58px)}.sh .adm-main{padding:18px 14px 8px}}
@media(max-width:600px){.landing:before{height:490px;background-position:58% 38%;background-size:auto 500px}.landing:after{height:570px;background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.86) 56%,rgba(2,11,20,.18) 100%),linear-gradient(0deg,#020b14 0%,transparent 34%)}.landing>.hdr{width:100%;min-height:78px;padding:14px 15px;gap:8px}.landing>.wrap{width:100%;padding:0 15px 42px}.landing .hdr .logo{width:54px;height:42px}.landing .hdr .name{font-size:7px;letter-spacing:.23em}.landing .brand-product{font-size:15px;letter-spacing:.06em}.landing .hdr .tag{font-size:5px;letter-spacing:.03em;white-space:nowrap}.landing .site-access summary{min-height:32px;padding:6px 9px;font-size:8px}.landing .site-access nav{width:min(260px,calc(100vw - 30px))}
.landing .hero{min-height:310px;max-width:88%;padding:54px 0 26px}.landing .hero-eyebrow{font-size:7px;gap:0}.landing .hero h1{font-size:clamp(31px,9vw,42px);margin:12px 0 13px}.landing .hero h1 small{font-size:.56em}.landing .hero h1 span{margin-top:5px}.landing .hero .hero-intro{font-size:15px;line-height:1.38}.landing .hero .hero-detail{font-size:11px;line-height:1.45;margin-top:11px;max-width:92%}.landing .hero-values{font-size:6px;letter-spacing:.22em;margin-top:13px}.landing .hero-actions{width:100%;gap:9px;margin-top:15px}.landing .hero-actions .btn{flex:1;width:auto;min-width:0;min-height:40px;font-size:9px}.landing .benefits{grid-template-columns:1fr;gap:0;width:100%;padding:8px 0 24px}.landing .benefit,.landing .benefit:first-child,.landing .benefit:last-child{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;min-height:70px;padding:12px 8px;border-right:1px solid rgba(77,145,195,.31);border-bottom:1px solid rgba(101,170,216,.18);border-radius:0}.landing .benefit:first-child{border-radius:7px 7px 0 0}.landing .benefit:last-child{border-bottom:1px solid rgba(77,145,195,.31);border-radius:0 0 7px 7px}.landing .benefit-icon{grid-row:1/3;width:34px;height:34px;margin:0}.landing .benefit-icon .ico{width:18px;height:18px}.landing .benefit h2{align-self:end;font-size:10px}.landing .benefit p{font-size:9.5px;margin-top:3px}.landing .welcome-grid{grid-template-columns:1fr;padding-top:18px}.landing .welcome-grid>.card{padding:19px}
body.gate .gate-page{padding:20px 15px 18px}body.gate .gate-logo{width:74px}body.gate .gate-word .w2{font-size:21px}body.gate .gate-main{padding-top:30px}body.gate .gate-card{padding:24px 20px}.sh-brand img{width:38px}.sh-brand i{font-size:11px}.adm-head h1{font-size:22px}.big{grid-template-columns:1fr}.bt{padding:14px}.bt .v{font-size:22px}}
@media(max-width:370px){.landing>.hdr{padding-left:10px;padding-right:10px}.landing .hdr .logo{width:48px}.landing .brand-product{font-size:13px}.landing .hdr .tag{font-size:4.5px}.landing .site-access summary{padding-left:7px;padding-right:7px}.landing .hero{max-width:94%}.landing .hero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
