:root{color-scheme:dark;--ink:#f3f5f8;--muted:#9da8b6;--cyan:#29c9d7;--red:#f13c50;--line:#27303b;font-family:Inter,Segoe UI,Arial,sans-serif;background:#070b12;color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 0 50%,#13313d77,transparent 60%),#070b12;min-height:100vh}a{color:var(--cyan)}header{max-width:1180px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}header img{width:100px;height:70px;object-fit:contain}header a:last-child{font-size:14px;text-decoration:none}main{max-width:1180px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 32px}h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2px;line-height:1.08;margin:20px 0}h2{font-size:30px;margin:14px 0}p{color:var(--muted);line-height:1.65}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:700}.launch{margin:40px 0;padding-left:18px;border-left:3px solid var(--red);font-size:11px;letter-spacing:2px;color:var(--muted)}.launch strong{display:block;font-size:25px;letter-spacing:0;color:var(--ink);margin-top:8px}.panel{border:1px solid #31404d;border-radius:20px;padding:28px;background:#111923;min-width:0}nav{display:flex;gap:8px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:25px}button,input{font:inherit}button{cursor:pointer;background:none;color:var(--muted);border:1px solid transparent;padding:11px;border-radius:8px}nav button{flex:1}button.active{background:#183944;color:#7ce4ec;border-color:#24606a}label{display:block;margin:18px 0 0;font-size:14px}input{display:block;width:100%;margin:8px 0 0;padding:13px;border-radius:8px;border:1px solid #394855;background:#080f17;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.primary{display:block;width:100%;background:var(--cyan);color:#041317;font-weight:700;padding:14px;margin-top:24px}.primary:hover{background:#79e0e9}.primary:disabled{opacity:.55;cursor:wait}.small{font-size:12px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.actions button{padding:7px 0;color:#7ce4ec;font-size:13px}#status{font-size:14px;overflow-wrap:anywhere;min-height:24px}.summary{border:1px solid var(--line);padding:18px;border-radius:12px;margin:25px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}td,th{padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}footer{padding:25px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:780px){main{grid-template-columns:1fr;margin:25px auto;gap:25px;padding:0 20px}aside h1{font-size:42px}.launch{margin:22px 0}.panel{padding:22px}header{padding:15px 20px}}

:root{--cyan:#68dcc6;--red:#f16a76;background:#0c1118}body{background:#0c1118}.panel{background:#131b25;border-color:#293645;border-radius:12px}button.active{background:#193a35;color:#68dcc6;border-color:#356358}.actions button{color:#68dcc6}body.signed-in>header,body.signed-in>footer,body.signed-in main>aside,body.signed-in .panel>nav{display:none}body.signed-in main{display:block;max-width:none;margin:0;padding:0}body.signed-in main>.panel{border:0;padding:0;border-radius:0;background:none}

:root{color-scheme:light;--ink:#213c4c;--muted:#526d7d;--cyan:#087d83;--red:#ba4054;--line:#d3e0e6;background:#f3f7f9}body{background:radial-gradient(ellipse at 0 50%,#dcf0ed,transparent 65%),#f3f7f9;color:#213c4c}.panel{background:#fff;border-color:#d3e0e6;padding:38px;border-radius:20px;box-shadow:0 12px 40px #244e6010}input{background:#fcfefe;border-color:#b9ccd5;color:#213c4c;padding:16px}button.active{background:#e2f3ef;color:#09676e;border-color:#abd7d3}nav{flex-wrap:wrap;gap:10px}nav button{font-size:14px;min-height:48px;min-width:110px}.primary{background:#087d83;color:#fff;margin-top:28px;padding:16px}.actions button{color:#087d83;padding:10px 0;font-size:14px}label{margin-top:24px;font-size:15px}.launch strong{color:#213c4c}.signed-in main>.panel{padding:0}.small{font-size:13px}@media(max-width:780px){.panel{padding:26px}main{gap:30px}.signed-in main>.panel{padding:0}}
/* Responsive account screens */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0}main>*{min-width:0}button,input,select,textarea{font-family:inherit;font-size:16px}button,a{touch-action:manipulation}input,select,textarea{max-width:100%;min-width:0}p,h1,h2,h3,a,label{overflow-wrap:anywhere}nav button{white-space:normal;line-height:1.5}button{min-height:44px}#dashboard{display:block;min-width:0;width:100%}#dashboard[hidden]{display:none!important}
@media(max-width:1100px){body:not(.signed-in) main{grid-template-columns:minmax(0,1fr);max-width:700px;gap:28px;margin:28px auto}body:not(.signed-in) aside h1{font-size:clamp(32px,6vw,46px)}body:not(.signed-in) .launch{margin:22px 0}}
@media(max-width:600px){body:not(.signed-in)>header{padding:14px 18px;gap:16px}header img{width:68px;height:54px}body:not(.signed-in) main{padding:0 16px;margin:20px auto;gap:22px}body:not(.signed-in) .panel{padding:24px 20px}body:not(.signed-in) nav{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}nav button{width:100%;min-width:0;padding:13px 16px;text-align:left}h1{letter-spacing:-1px}h2{font-size:27px}label{line-height:1.6}.actions{gap:8px}.actions button{text-align:left;line-height:1.5}footer{line-height:1.8;padding:24px 18px}}
