:root{color:#f3f5fb;background:#090b12;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090b12;--panel: #11141e;--panel-raised: #171b28;--panel-soft: #0e1119;--line: #262b3a;--line-bright: #3b4257;--text: #f3f5fb;--muted: #8b92a7;--blue: #738cff;--blue-soft: #b7c2ff;--amber: #ffb15c;--danger: #ff707d;--radius: 22px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(115,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,140,255,.035) 1px,transparent 1px),var(--bg);background-size:44px 44px}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell{min-height:100vh;padding:0 22px calc(100px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;width:min(1080px,100%);height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:#090b12eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(38,43,58,.7)}.brand{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:none;cursor:pointer}.brand-symbol{width:35px;height:35px;display:grid;place-items:center;color:#090b12;background:var(--blue);border-radius:10px 10px 3px;font-family:Arial Black,Arial,sans-serif;font-size:19px;line-height:1}.brand-name{letter-spacing:.12em;font-size:14px;font-weight:750}.brand-name b{color:var(--blue);font-weight:750}.session-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.session-state i{width:7px;height:7px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 4px #ffb15c1a}main{width:min(1080px,100%);margin:0 auto}.screen{animation:screen-in .28s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro{max-width:760px;padding:78px 0 46px}.eyebrow{margin:0 0 12px;color:var(--blue-soft);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.intro h1,.page-header h1{margin:0;max-width:820px;font-size:clamp(42px,8vw,82px);line-height:.98;letter-spacing:-.055em}.intro h1 span{display:block;color:var(--muted);font-weight:450}.intro-copy{max-width:600px;margin:28px 0 0;color:#aeb4c5;font-size:17px;line-height:1.65}.balance-panel{position:relative;overflow:hidden;padding:34px;background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius)}.balance-panel:after{content:"AS";position:absolute;top:-34px;right:18px;color:#738cff0f;font-family:Arial Black,Arial,sans-serif;font-size:160px;line-height:1;pointer-events:none}.balance-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#aab1c4;font-size:13px}.asset-pill{padding:7px 10px;color:var(--blue-soft);background:#738cff1a;border:1px solid rgba(115,140,255,.2);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.09em}.balance-panel>strong{position:relative;z-index:1;display:block;margin:20px 0 30px;font-size:clamp(44px,9vw,78px);line-height:1;letter-spacing:-.055em}.balance-details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(460px,100%);padding-top:22px;border-top:1px solid var(--line)}.balance-details div{display:flex;flex-direction:column;gap:7px}.balance-details small{color:var(--muted);font-size:12px}.balance-details b{font-size:20px}.balance-actions{position:relative;z-index:1;margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.balance-actions button,.section-heading button{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;color:#0d1018;background:var(--blue);border:0;border-radius:12px;font-size:13px;font-weight:750;cursor:pointer}.balance-actions svg{width:16px;stroke:currentColor;stroke-width:1.8;fill:none}.lock-note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.lock-note svg,.notice svg,.wallet-lock svg{width:17px;stroke:currentColor;stroke-width:1.7;fill:none}.section-heading{margin:72px 0 22px;display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:0;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.section-heading button{color:var(--blue-soft);background:transparent;border:1px solid var(--line)}.module-list{border-top:1px solid var(--line)}.module-row{width:100%;min-height:112px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 8px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .16s ease,padding .16s ease}.module-row:hover{padding-left:16px;padding-right:16px;background:#738cff0a}.module-code{color:var(--blue);font-family:Courier New,monospace;font-size:13px}.module-copy{display:flex;flex-direction:column;gap:8px}.module-copy b{font-size:20px}.module-copy small{color:var(--muted);font-size:13px;line-height:1.4}.module-status{color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.briefing-card{margin-top:72px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);overflow:hidden;background:#dfe4ff;border-radius:var(--radius);color:#10131d}.briefing-copy{padding:38px}.briefing-copy .eyebrow{color:#4556ac}.briefing-copy h2{margin:0 0 18px;font-size:clamp(30px,5vw,48px);line-height:1.03;letter-spacing:-.045em}.briefing-copy p{margin:0;color:#50586f;line-height:1.6}.briefing-copy>span{display:block;margin-top:30px;color:#45506e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.briefing-visual{position:relative;min-height:300px;overflow:hidden;background:linear-gradient(rgba(16,19,29,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,29,.08) 1px,transparent 1px),#cbd3ff;background-size:36px 36px}.briefing-visual svg{position:absolute;top:18%;right:7%;bottom:14%;left:7%;width:86%;height:68%;overflow:visible}.briefing-visual path{fill:none;stroke:#3549b8;stroke-width:3;vector-effect:non-scaling-stroke}.briefing-visual i{position:absolute;z-index:2;width:12px;height:12px;background:#3549b8;border:3px solid #dfe4ff;border-radius:50%}.point-a{left:29%;top:59%}.point-b{left:54%;top:54%}.point-c{right:12%;top:24%}.page-header{max-width:800px;padding:70px 0 46px}.page-header h1{font-size:clamp(42px,7vw,72px)}.page-header>p:last-child{max-width:590px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.system-card{min-height:310px;padding:26px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px}.system-card-top{display:flex;justify-content:space-between;color:var(--blue);font-family:Courier New,monospace;font-size:12px}.system-card-top em{color:var(--amber);font-family:inherit;font-style:normal}.system-card h2{margin:46px 0 14px;font-size:25px;letter-spacing:-.035em}.system-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.progress-track{height:4px;margin-top:auto;background:var(--line);border-radius:999px}.progress-track i{display:block;width:18%;height:100%;background:var(--blue);border-radius:inherit}.system-card>small{margin-top:12px;color:#6d7488;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.notice{margin-top:22px;display:flex;gap:16px;padding:22px;color:var(--blue-soft);background:#738cff12;border:1px solid rgba(115,140,255,.17);border-radius:16px}.notice svg{flex:0 0 22px;width:22px}.notice b{display:block;margin-bottom:6px;color:var(--text)}.notice p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.wallet-card{padding:34px;background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius)}.wallet-card>span{color:var(--muted);font-size:13px}.wallet-card strong{display:block;margin:18px 0 34px;font-size:clamp(42px,8vw,68px);letter-spacing:-.05em}.wallet-card strong small{color:var(--muted);font-size:13px;letter-spacing:.08em}.wallet-lock{display:flex;align-items:center;gap:9px;padding-top:20px;color:var(--amber);border-top:1px solid var(--line);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.wallet-actions{margin:14px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.wallet-actions button{padding:17px;color:#686e7f;background:var(--panel-soft);border:1px solid var(--line);border-radius:14px;cursor:not-allowed}.setup-list{border-top:1px solid var(--line)}.setup-list>div{display:flex;align-items:center;gap:20px;padding:22px 6px;border-bottom:1px solid var(--line)}.setup-list>div>span{color:var(--blue);font-family:Courier New,monospace;font-size:12px}.setup-list p{margin:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:20px}.setup-list small{color:var(--muted)}.network-map{position:relative;min-height:390px;overflow:hidden;background:linear-gradient(rgba(115,140,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(115,140,255,.05) 1px,transparent 1px),var(--panel-soft);background-size:40px 40px;border:1px solid var(--line);border-radius:var(--radius)}.network-person{position:absolute;z-index:2;width:58px;height:58px;display:grid;place-items:center;background:var(--panel-raised);border:1px solid var(--line-bright);border-radius:50%;font-family:Courier New,monospace;font-size:12px}.network-root{left:calc(50% - 36px);top:44px;width:72px;height:72px;color:#0d1018;background:var(--blue);border:0;font-weight:800}.person-one{left:16%;bottom:54px}.person-two{left:calc(50% - 29px);bottom:30px}.person-three{right:16%;bottom:54px}.network-line{position:absolute;z-index:1;left:50%;top:116px;width:1px;height:180px;background:var(--line-bright);transform-origin:top}.line-one{transform:rotate(61deg)}.line-two{transform:rotate(-61deg)}.profile-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);min-height:460px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.portrait-placeholder{position:relative;display:grid;place-items:center;background:linear-gradient(rgba(115,140,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,140,255,.08) 1px,transparent 1px),#10131d;background-size:34px 34px}.portrait-placeholder span{width:150px;height:190px;display:grid;place-items:center;color:#0d1018;background:var(--blue);border-radius:75px 75px 18px 18px;font-family:Arial Black,Arial,sans-serif;font-size:82px}.portrait-placeholder small{position:absolute;bottom:24px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.profile-copy{padding:clamp(34px,7vw,74px);display:flex;flex-direction:column;justify-content:center;background:var(--panel-raised)}.profile-label{color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.profile-copy h2{margin:20px 0;font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.05em}.profile-copy p{max-width:500px;margin:0;color:var(--muted);line-height:1.7}.profile-principles{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-principles article{min-height:190px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.profile-principles span{color:var(--blue);font-family:Courier New,monospace;font-size:12px}.profile-principles h3{margin:36px 0 9px;font-size:20px}.profile-principles p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(570px,calc(100% - 28px));height:72px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);background:#131621f2;border:1px solid var(--line);border-radius:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;color:#737b91;background:transparent;border:0;border-radius:13px;cursor:pointer;transition:color .15s ease,background .15s ease}.bottom-nav button.active{color:var(--blue-soft);background:#738cff1c}.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bottom-nav span{font-size:9px;font-weight:750;letter-spacing:.03em}@media(max-width:760px){.app-shell{padding-right:16px;padding-left:16px}.topbar{height:68px}.session-state span{display:none}.intro{padding:48px 0 36px}.intro-copy{font-size:15px}.balance-panel{padding:24px}.balance-panel:after{right:-24px;font-size:120px}.balance-actions{align-items:flex-start;flex-direction:column}.module-row{grid-template-columns:36px minmax(0,1fr);gap:14px}.module-status{display:none}.briefing-card,.profile-hero{grid-template-columns:1fr}.briefing-visual{min-height:240px}.system-grid,.profile-principles{grid-template-columns:1fr}.system-card{min-height:260px}.page-header{padding-top:48px}.portrait-placeholder{min-height:380px}.profile-copy{min-height:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
