.app-shell{display:none}.app-shell.authenticated{display:flex}main.app-shell.authenticated{display:block}.landing-page{min-height:100vh;background:#fff;color:var(--ink)}
.landing-header{height:78px;max-width:1200px;margin:auto;display:flex;align-items:center;gap:35px;padding:0 28px}.landing-brand{display:flex;align-items:center;gap:10px;font:700 15px Manrope}.landing-brand b{display:block;font-size:11px;color:var(--primary)}.landing-nav{display:flex!important;flex-direction:row;gap:26px;margin-left:auto}.landing-nav a{color:#5f6b80;text-decoration:none;font-size:12px;font-weight:600}.landing-actions,.hero-buttons{display:flex;gap:10px}.large{padding:13px 19px;text-decoration:none;display:inline-block}
.landing-main{margin:0}.landing-hero{min-height:610px;background:linear-gradient(145deg,#f9f9ff 0%,#f3f6fb 55%,#edf4f3 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;padding:70px max(7vw,30px)}.hero-copy{max-width:620px}.hero-kicker{font-size:10px;letter-spacing:1.5px;color:var(--primary);font-weight:800}.hero-copy h1{font:800 clamp(38px,4.4vw,66px)/1.06 Manrope;letter-spacing:-2.5px;margin:17px 0 20px}.hero-copy>p{font-size:16px;line-height:1.7;color:#667287;max-width:590px}.hero-buttons{margin-top:28px}.trust-row{display:flex;gap:22px;margin-top:28px;color:#667287;font-size:10px}.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.network-card{background:#fff;border:1px solid #e7e9f2;border-radius:18px;box-shadow:0 25px 70px rgba(35,42,74,.13)}.main-network{width:min(530px,100%);padding:24px}.network-card-head{display:flex;align-items:center;gap:8px;color:#7c879a;font-size:9px;letter-spacing:.8px}.network-card-head b{margin-left:auto;color:var(--ink)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.main-network h3{font:700 21px Manrope;margin:28px 0}.network-flow{display:flex;align-items:center;justify-content:space-between}.network-flow>div{text-align:center;flex:1}.network-flow i{color:#abb3c0;font-style:normal}.flow-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin:0 auto 8px;font-size:20px}.network-flow strong,.network-flow small{display:block}.network-flow strong{font:800 22px Manrope}.network-flow small{font-size:8px;color:var(--muted)}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 35px rgba(35,42,74,.12)}.floating-card>span{width:30px;height:30px;border-radius:8px;background:#eeeaff;color:var(--primary);display:grid;place-items:center}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:10px}.floating-card small{font-size:8px;color:var(--muted);margin-top:3px}.top-float{right:-12px;top:34px}.bottom-float{left:-20px;bottom:27px}
.landing-stats{max-width:1100px;margin:-32px auto 0;position:relative;background:#11182a;color:#fff;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 40px rgba(17,24,42,.2)}.landing-stats div{padding:24px;text-align:center;border-right:1px solid #30374a}.landing-stats div:last-child{border:0}.landing-stats strong,.landing-stats span{display:block}.landing-stats strong{font:800 26px Manrope}.landing-stats span{font-size:9px;color:#aab3c3;margin-top:4px}.landing-section{padding:95px max(7vw,28px)}.section-intro{text-align:center;max-width:640px;margin:0 auto 42px}.section-intro>span{font-size:9px;letter-spacing:1.4px;color:var(--primary);font-weight:800}.section-intro h2{font:800 34px Manrope;margin:12px 0}.section-intro p{color:var(--muted)}.feature-grid,.public-tier-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article,.public-tier-grid article{border:1px solid var(--line);border-radius:15px;padding:23px;background:#fff}.feature-grid article>span,.public-tier-grid article>span{width:44px;height:44px;border-radius:11px;background:#eeeaff;color:var(--primary);display:grid;place-items:center;font-size:20px;font-weight:800}.feature-grid h3,.public-tier-grid h3{font:700 15px Manrope;margin:17px 0 8px}.feature-grid p,.public-tier-grid p{font-size:11px;line-height:1.6;color:var(--muted)}.membership-landing{background:#f7f8fb}.public-tier-grid article{position:relative}.public-tier-grid button{width:100%;margin-top:12px}.public-tier-grid .vip-card{background:#171d31;color:#fff;border-color:#171d31;transform:translateY(-8px)}.public-tier-grid .vip-card p{color:#b2bbca}.public-tier-grid em{position:absolute;right:13px;top:13px;background:#d8c48b;color:#28243e;font-style:normal;font-size:7px;padding:5px 7px;border-radius:9px}.landing-footer{min-height:90px;background:#11182a;color:#fff;display:flex;align-items:center;padding:20px max(7vw,28px);gap:25px}.landing-footer p{color:#8f99aa;font-size:10px;flex:1}.landing-footer .text-btn{color:#b4aaff}
.login-backdrop{z-index:100}.login-modal{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;position:relative;box-shadow:0 30px 90px rgba(10,16,32,.3)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:25px}.login-logo strong{font:800 19px Manrope}.login-logo p{font-size:10px;color:var(--muted);margin:3px 0}.login-options{display:flex;justify-content:space-between;align-items:center;margin:-3px 0 15px}.login-options label{display:flex;grid-template-columns:none;align-items:center;gap:6px;margin:0;font-weight:500}.login-options input{width:auto}.login-submit{width:100%;padding:13px}.demo-divider{text-align:center;border-top:1px solid var(--line);margin:25px 0 17px}.demo-divider span{position:relative;top:-8px;background:#fff;padding:0 10px;font-size:8px;color:var(--muted)}.demo-logins{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-logins button{border:1px solid var(--line);background:#f8f9fb;border-radius:8px;padding:8px;font:600 9px 'DM Sans';color:#5f6b80;cursor:pointer}.login-help{text-align:center;font-size:9px;color:var(--muted);margin:18px 0 0}.member-tier-chip{border-radius:13px;background:#251f4a;color:#decf9f;padding:6px 10px;font-size:9px;font-weight:800}.member-access-banner{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#f1efff,#fafaff);border:1px solid #e5e0ff;border-radius:13px;padding:14px 17px;margin-bottom:18px}.member-access-banner>span{width:38px;height:38px;border-radius:10px;background:#251f4a;color:#d8c48b;display:grid;place-items:center}.member-access-banner div{flex:1}.member-access-banner strong{font-size:12px}.member-access-banner p{font-size:9px;color:var(--muted);margin:3px 0}.nav-item.access-hidden{display:none}
.admin-login-link{border:0;background:transparent;color:#5b4bdb;font:700 11px 'DM Sans';cursor:pointer;padding:9px 5px}.admin-demo-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;background:linear-gradient(135deg,#171f33,#302865);color:#fff;border-radius:11px;padding:13px 14px;margin-top:16px}.admin-demo-card>span{grid-column:1/-1;color:#bfb7ff;font:800 8px Manrope;letter-spacing:1px}.admin-demo-card strong{font-size:10px}.admin-demo-card small{grid-column:1;color:#aeb8ce;font-size:8px}.admin-demo-card button{grid-column:2;grid-row:2/4;border:0;background:#7c6cf1;color:#fff;border-radius:7px;padding:9px 11px;font:700 9px 'DM Sans';cursor:pointer}.admin-session .member-tier-chip{background:#b4232d;color:#fff}.admin-session .member-access-banner{background:linear-gradient(100deg,#fff0f1,#fff);border-color:#f3d5d8}.admin-session .member-access-banner>span{background:#b4232d;color:#fff}.admin-session .sidebar{background:#101622}.admin-session .brand-mark{background:linear-gradient(135deg,#b4232d,#6d2c68)}
@media(max-width:850px){.landing-nav{display:none!important}.landing-hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:310px}.landing-stats{margin:0;border-radius:0;grid-template-columns:repeat(2,1fr)}.feature-grid,.public-tier-grid{grid-template-columns:repeat(2,1fr)}.public-tier-grid .vip-card{transform:none}.landing-header{padding:0 17px}.landing-actions .primary{display:none}}
@media(max-width:520px){.landing-hero{padding:45px 18px}.hero-copy h1{font-size:38px}.trust-row{flex-wrap:wrap}.top-float,.bottom-float{display:none}.landing-stats,.feature-grid,.public-tier-grid{grid-template-columns:1fr}.landing-actions .secondary{padding:9px}.landing-footer{display:block}.landing-footer p{margin:13px 0}.member-access-banner button{display:none}}