:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#10221e;background:#eef4f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr)}.auth-story{padding:48px;display:flex;flex-direction:column;justify-content:space-between;color:#ecfff8;background:radial-gradient(circle at 72% 28%,rgba(88,244,191,.22),transparent 28%),linear-gradient(145deg,#071611,#11372e 60%,#0c2420)}.auth-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px}.auth-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#0b241d;background:#66efc5}.story-copy{max-width:650px}.eyebrow{margin:0 0 14px;color:#55ddb1;font-size:11px;font-weight:800;letter-spacing:2px}.story-copy h1{margin:0;max-width:620px;font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-4px}.story-copy>p:not(.eyebrow){max-width:560px;color:#aacbc0;font-size:17px;line-height:1.75}.flow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:34px}.flow span{padding:9px 13px;border:1px solid rgba(119,239,201,.3);border-radius:99px;background:rgba(255,255,255,.06);font-size:12px}.flow i{color:#55ddb1;font-style:normal}.auth-story>small{color:#71988b}.auth-panel{display:grid;place-items:center;padding:42px;background:#fbfdfc}form{width:min(430px,100%);padding:42px;border:1px solid #dfe9e5;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(31,73,61,.1)}h2{margin:0;font-size:32px;letter-spacing:-1.2px}.subtitle{margin:10px 0 30px;color:#6d7f79;font-size:14px}label{display:grid;gap:8px;margin:17px 0;color:#344842;font-size:13px;font-weight:650}input{width:100%;padding:14px 15px;border:1px solid #d5e1dc;border-radius:11px;outline:0;background:#fbfdfc;font:inherit;font-weight:500}input:focus{border-color:#2eae83;box-shadow:0 0 0 4px rgba(46,174,131,.1)}.submit{width:100%;margin-top:12px;padding:14px;border:0;border-radius:11px;color:#072319;background:#61e6ba;font:inherit;font-weight:800;cursor:pointer}.submit:hover{background:#4ed7aa}.submit:disabled{opacity:.55;cursor:wait}.form-error{min-height:20px;color:#c74435;font-size:12px}.switch{text-align:center;color:#73837e;font-size:13px}.switch a{color:#168763;font-weight:750;text-decoration:none}#name-field[hidden]{display:none}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:330px;padding:30px}.story-copy h1{font-size:42px;letter-spacing:-2px}.auth-story>small{display:none}.auth-panel{padding:24px}form{padding:30px}}
:root{--cyan:#25f4ee;--pink:#fe2c55}.auth-story{background-image:linear-gradient(90deg,rgba(4,6,10,.98) 0%,rgba(4,6,10,.82) 46%,rgba(4,6,10,.2) 100%),url('hero-visual.png');background-size:cover;background-position:center}.auth-brand span{color:#080a0d;background:var(--cyan);box-shadow:5px 4px 0 var(--pink)}.eyebrow{color:var(--cyan)}.flow span{border-color:rgba(37,244,238,.34);background:rgba(8,10,14,.48);backdrop-filter:blur(10px)}.flow i{color:var(--pink)}.auth-panel{background:radial-gradient(circle at 100% 0,rgba(37,244,238,.1),transparent 28%),#f6f7f9}form{border-color:#e1e3e8;border-radius:24px;box-shadow:0 28px 90px rgba(6,8,12,.14)}input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(37,244,238,.13)}.submit{color:#07090c;background:var(--cyan);box-shadow:5px 5px 0 var(--pink)}.submit:hover{background:#5cfff9}.switch a{color:#e6244d}