:root{color-scheme:dark;--orange:#ff8400;--white:#f8f8f8}*{box-sizing:border-box}body{margin:0;background:#080809;color:var(--white);font-family:Inter,Arial,sans-serif;min-height:100vh}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 62% at 13% 55%,rgba(255,108,0,.14),transparent 80%),radial-gradient(ellipse 55% 55% at 110% -10%,rgba(255,115,0,.08),transparent 80%)}.head,.layout{position:relative;z-index:1;max-width:1180px;margin:auto}.head{padding:26px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29221d}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.logo img{object-fit:contain;border-radius:10px}.logo span{display:flex;flex-direction:column}.logo strong{font-size:21px;letter-spacing:.09em}.logo small{color:#b7a69b;font-size:8px;letter-spacing:.19em}.back{color:#beb9b5;font-weight:800;font-size:11px;text-decoration:none;letter-spacing:.04em}.back:hover{color:var(--orange)}.layout{padding:80px 24px;display:grid;grid-template-columns:1fr minmax(340px,475px);gap:60px;align-items:center}.eyebrow{color:#ffa124;font-weight:900;letter-spacing:.2em;font-size:11px}.intro h1{font-size:clamp(42px,5.1vw,76px);font-weight:1000;letter-spacing:-.04em;line-height:1.04;margin:30px 0}.intro h1 em{font-style:normal;color:var(--orange)}.intro p{max-width:510px;line-height:1.8;color:#b9b4b0;font-size:15px}.benefits{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.benefits span{border:1px solid #443022;background:#16110d;border-radius:40px;padding:11px 14px;color:#dfaa76;font-size:11px;font-weight:800}.formbox{border:1px solid #6a3b15;background:linear-gradient(160deg,#17110c 0%,#0b0b0d 38%,#0d0b0a 100%);box-shadow:0 20px 100px #0009;border-radius:22px;padding:34px}.formbox h2{font-size:29px;margin:13px 0 8px;font-weight:1000;letter-spacing:-.035em}.subtitle{color:#99918b;font-size:13px;margin:0 0 26px}.tabs{display:flex;background:#0a0a0a;border:1px solid #2b2b2e;border-radius:11px;padding:4px;gap:3px;margin-bottom:23px}.tabs button{flex:1;padding:12px 4px;background:transparent;color:#949090;border:0;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer}.tabs button.selected{background:#28201a;color:#ffa336;box-shadow:inset 0 0 0 1px #764016}form{display:flex;flex-direction:column}label{font-size:11px;font-weight:900;letter-spacing:.055em;color:#d6c7be;margin:0 0 9px}input{width:100%;height:49px;border-radius:10px;border:1px solid #343138;background:#101014;color:white;padding:0 14px;font-size:14px;margin:0 0 19px;outline:none}input:focus{border-color:#ff9200;box-shadow:0 0 0 3px #ff920027}.hint{color:#ada19b;font-size:12px;line-height:1.5;margin:0 0 18px}.mainbtn{width:100%;height:51px;background:linear-gradient(90deg,#ff8b08,#ffac3a);color:#0d0700;border:0;border-radius:11px;font-weight:1000;font-size:12px;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 30px #ff800017}.mainbtn:hover{filter:brightness(1.08)}.mainbtn:disabled{opacity:.65;cursor:wait}.forgot{display:block;margin:15px 0 25px auto;background:none;border:0;color:#e0a05b;font-size:10px;font-weight:900;cursor:pointer}.split{position:relative;text-align:center;color:#817976;font-size:10px;letter-spacing:.06em;margin-bottom:22px}.split:before{content:"";height:1px;background:#39302a;position:absolute;left:0;right:0;top:50%}.split span{position:relative;background:#0b0b0d;padding:0 12px}.oauth{display:grid;gap:11px}.provider{color:#f0edeb;background:#151416;border:1px solid #3b3430;border-radius:10px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.035em;transition:background .15s,border-color .15s}.provider:hover{background:#241912;border-color:var(--orange)}.google{font-weight:1000;font-size:21px;color:#4285f4}.discord{font-weight:1000;color:#8c91ff;font-size:22px}#status{min-height:21px;color:#ffc07d;font-size:12px;line-height:1.5;margin:18px 0 6px}.legal{font-size:11px;color:#77716e;line-height:1.6}.legal a{color:#c8a27a}.formbox [hidden]{display:none!important}@media(max-width:810px){.layout{grid-template-columns:1fr;gap:28px;padding:32px 16px}.intro h1{font-size:42px;margin:18px 0}.intro p{font-size:13px}.formbox{padding:22px}.head{padding:17px 16px}.benefits{margin-top:20px}.back{font-size:10px}}
