*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#bc914b12,transparent 55%),#080a08;color:#efeee7;font:14px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{padding:26px 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8a46722}header img{width:180px;height:auto;display:block}.back{font-size:12px;color:#afa38c}.auth-layout{max-width:1200px;margin:auto;padding:65px 40px;display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center}.eyebrow{font-size:9px;letter-spacing:.18em;color:#bba174}.auth-story h1{font-size:clamp(36px,4vw,61px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:23px 0}.auth-story em{font-style:normal;color:#e2ba74}.auth-story>p{font-size:14px;color:#a7a494;max-width:460px}.benefits{margin-top:32px}.benefits>div{display:flex;gap:18px;padding:18px 0;border-top:1px solid #c8a46722}.benefits>div>span{font:10px/1.8 monospace;color:#ab9061;padding-top:4px}.benefits h2{font-size:15px;font-weight:600;margin:0 0 5px}.benefits p{font-size:12px;color:#999a8c;margin:0}.auth-story .access-note{font-size:11px;border-left:2px solid #bba17466;padding-left:15px;margin-top:22px;color:#a39983}.auth-card{border:1px solid #c8a46744;border-radius:18px;padding:30px;background:linear-gradient(145deg,#181a12,#0e100d 65%);box-shadow:0 20px 70px #0005}.auth-tabs{display:flex;padding:5px;background:#060906;border:1px solid #c8a46722;border-radius:9px;margin-bottom:28px}.auth-tabs a{flex:1;text-align:center;font-size:12px;color:#9b9e8c;padding:10px;border-radius:6px}.auth-tabs a[aria-current]{color:#211b10;background:#e2bf82}.auth-card h2{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin:0 0 10px}.card-copy{font-size:12px;color:#9fa08f;margin:0 0 24px}label{display:block;font-size:12px;color:#c6c0ad;margin:18px 0 7px}input{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #c8a46735;border-radius:8px;outline:none;background:#090c08;color:#eeeadf;font-size:14px}input:focus{border-color:#d9b77c;box-shadow:0 0 0 3px #d9b77c11}input::placeholder{color:#626958}.field-hint{display:block;font-size:10px;color:#848a77;margin-top:6px}.password-field{position:relative}.password-field input{padding-right:75px}.password-field button{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#bba174;font-size:10px;padding:8px;cursor:pointer}.submit{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 18px;background:#e4bf7c;color:#221b0e;border:1px solid #e4bf7c;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;gap:16px}.submit:hover{background:#f2d29b}.submit:disabled{opacity:.5;cursor:wait}#formMsg{font-size:12px;line-height:1.7;color:#f19f90;min-height:0;margin:16px 0}#formMsg:empty{margin:20px 0 0}.form-note{font-size:11px;line-height:1.8;color:#888e79;margin:18px 0 0}.info-note{font-size:12px;color:#d3bf98;padding:12px 14px;border-radius:6px;border:1px solid #c8a46744}.success-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#d9b77c11;color:#e4bf7c;border:1px solid #c8a46755;font-size:24px;margin-bottom:23px}#authSuccess p{font-size:13px;color:#aaa591;line-height:1.9;margin-bottom:28px}footer{padding:22px 25px;text-align:center;color:#737a67;font-size:10px}[hidden]{display:none!important}:focus-visible{outline:2px solid #e4bf7c;outline-offset:4px}@media(max-width:850px){.auth-layout{padding:38px 24px;gap:30px;grid-template-columns:1fr;max-width:590px}.auth-story h1{font-size:37px}.benefits{display:none}.auth-story .access-note{display:none}.auth-story>p{font-size:13px}.auth-story h1{margin:15px 0}.auth-card{padding:25px}header{padding:20px 24px}header img{width:150px}.back{font-size:11px}.auth-layout{padding-top:32px}input{font-size:16px}}
@media(max-width:850px){header .back{min-height:44px;display:flex;align-items:center}.password-field button{top:3px;bottom:3px;min-width:54px}.auth-tabs a{min-height:44px}}
@media(max-width:360px){header{padding:16px 20px}header img{width:130px}.auth-layout{padding:24px 16px;gap:24px}.auth-card{padding:22px}.auth-story h1{font-size:34px}}
@media(max-width:850px){.auth-card,.auth-layout>*{min-width:0}}