:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#060a08;color:#f3f0e7;font-synthesis:none}
*{box-sizing:border-box}
body.auth-page{margin:0;min-width:280px;-webkit-font-smoothing:antialiased}
.auth-page [hidden]{display:none!important}
.auth-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(48px,8vw,128px);max-width:1280px;min-height:700px;margin:auto;padding:76px 48px 88px}
.auth-account{width:100%;max-width:430px}
.auth-eyebrow{margin:0 0 20px;color:#a6dc92;font-size:11px;font-weight:700;letter-spacing:.16em}
.auth-account h1{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:650;text-wrap:balance}
.auth-intro{margin:18px 0 30px;color:#b8c5b1;font-size:16px;line-height:1.6}
.auth-form{display:grid;gap:20px}
.auth-field{display:grid;gap:8px;min-width:0}
.auth-field label{font-size:13px;font-weight:600}
.auth-field input{width:100%;min-width:0;height:54px;padding:12px 15px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff05;color:#f3f0e7;font:inherit;font-size:16px}
.auth-field input:focus{outline:2px solid #a6dc92;outline-offset:2px;border-color:transparent}
.auth-field input[aria-invalid=true]{border-color:#f3afa0}
.auth-password{display:flex;align-items:center;gap:8px}
.auth-password input{flex:1}
.auth-password button{min-width:56px;min-height:48px;padding:8px 5px;background:transparent;border:0;color:#b8c5b1;font:inherit;font-size:13px;cursor:pointer}
.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;width:100%;margin-top:4px;padding:14px 20px;border:0;border-radius:999px;background:#a6dc92;color:#102317;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:background .18s}
.auth-submit:hover{background:#c6eabb}
.auth-submit span{font-size:20px;line-height:1}
.auth-switch,.auth-help,.auth-hint{font-size:13px;color:#b8c5b1;line-height:1.65}
.auth-switch{margin:24px 0 0}.auth-help{margin:10px 0 0}.auth-hint{margin:-8px 0 0}
.auth-shell a{color:#a6dc92;text-decoration-thickness:1px;text-underline-offset:4px}
.auth-shell a:hover{color:#d4edc8}
.auth-shell a:focus-visible,.auth-shell button:focus-visible,.auth-skip:focus-visible{outline:2px solid #a6dc92;outline-offset:5px}
.auth-notice,.auth-errors{padding:17px 19px;margin:0 0 26px;border:1px solid #a6dc9250;border-radius:10px;background:#a6dc9209;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.auth-notice p{margin:4px 0 0}.auth-errors{border-color:#f3afa080;background:#f3afa009;color:#f5bfb3}.auth-errors ul{padding-left:18px;margin:6px 0 0}
.auth-listening{min-width:0;text-align:center;padding:44px 0 38px}
.auth-listening h2{font-size:clamp(24px,3.1vw,40px);font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:0}
.auth-listening h2 span{color:#a6dc92}
.auth-deck{display:block;width:100%;height:auto;max-width:640px;margin:34px auto 20px}
.auth-playground h3{font-size:17px;font-weight:550;margin:0 0 9px}.auth-playground p{font-size:14px;color:#b8c5b1;line-height:1.6;margin:0 0 16px}.auth-playground a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;font-size:14px}
.auth-page .vs-site-footer{margin-top:0}
.auth-skip{position:fixed;left:20px;top:-100px;z-index:100;padding:14px 20px;border-radius:6px;background:#e1f0d9;color:#14251b;text-decoration:none}.auth-skip:focus{top:12px}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;gap:56px;max-width:560px;min-height:0;padding:48px 24px}.auth-account{max-width:none}.auth-account h1{font-size:40px;max-width:350px}.auth-listening{border-top:1px solid #ffffff14;padding:40px 0 0}.auth-listening h2{font-size:30px}.auth-deck{margin:24px auto 18px}.auth-listening .auth-eyebrow{display:none}}
@media(max-width:360px){.auth-shell{padding:38px 20px}.auth-account h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.auth-submit{transition:none}}