:root{--g-bg:#05040a;--g-panel:rgba(17,13,28,.72);--g-line:rgba(255,255,255,.12);--g-text:#fff;--g-muted:#a9a1b8;--g-violet:#9b5cff;--g-pink:#f05cff;--g-blue:#4f8cff;--g-green:#2ee6a6}
*{box-sizing:border-box}.auth-page{min-height:100vh;margin:0;overflow-x:hidden;background:#05040a;color:var(--g-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative}.auth-page:before,.auth-page:after{content:"";position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.auth-page:before{background:#762cff;top:-220px;left:-160px}.auth-page:after{background:#e22cff;right:-180px;bottom:-240px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);position:relative;z-index:1}.auth-hero{display:flex;align-items:center;padding:7vw;position:relative}.auth-hero-inner{max-width:680px}.auth-brand{display:inline-flex;align-items:center;gap:13px;color:#fff;text-decoration:none;margin-bottom:38px}.auth-logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#c25cff,#6326ed);box-shadow:0 15px 50px #8c3dff55;font-size:26px;font-weight:900;transform:rotate(-7deg)}.auth-brand-name{font-size:31px;font-weight:900;letter-spacing:-1.5px}.auth-brand-name span{color:#bf64ff}.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff08;color:#d9cbea;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-kicker i{width:7px;height:7px;border-radius:50%;background:#40e6ae;box-shadow:0 0 16px #40e6ae;display:block}.auth-hero h1{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-4px;margin:24px 0 24px;max-width:700px}.auth-gradient{background:linear-gradient(110deg,#fff 10%,#d5a8ff 48%,#ff72d4 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero p{font-size:17px;line-height:1.7;color:#aaa2b7;max-width:570px;margin:0}.auth-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.auth-pill{padding:9px 13px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff07;color:#cfc6d9;font-size:11px}.auth-art{position:absolute;right:7%;bottom:8%;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e98cff,transparent 28%),linear-gradient(145deg,#8b3dff,#291051 65%,#09070e);box-shadow:0 0 100px #9c45ff33;border:1px solid #ffffff14}.auth-art:before,.auth-art:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%}.auth-art:before{inset:-35px}.auth-art:after{inset:-75px}.auth-card-wrap{display:flex;align-items:center;justify-content:center;padding:32px 6vw 32px 20px}.auth-card{width:min(470px,100%);padding:38px;border:1px solid var(--g-line);border-radius:30px;background:linear-gradient(145deg,rgba(24,18,39,.88),rgba(9,8,14,.78));box-shadow:0 35px 100px #0008,0 0 70px #8c45ff14;backdrop-filter:blur(25px)}.auth-card h2{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.auth-sub{color:var(--g-muted);font-size:12px;line-height:1.6;margin:0 0 25px}.auth-alert{padding:11px 13px;border-radius:12px;font-size:11px;margin:0 0 14px;border:1px solid}.auth-alert.success{background:#0e281e;border-color:#235f48;color:#9ff1ca}.auth-alert.error{background:#2a101a;border-color:#733047;color:#ffb4c5}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:10px;font-weight:700;color:#bcb3c8;margin:0 0 7px}.auth-input-wrap{position:relative}.auth-input{width:100%;height:50px;border-radius:13px;border:1px solid #ffffff12;background:#09080e;color:#fff;padding:0 15px;outline:0;font-size:13px;transition:.2s}.auth-input:focus{border-color:#a256ff;box-shadow:0 0 0 4px #9b5cff13}.auth-input::placeholder{color:#686173}.auth-input.has-toggle{padding-right:52px}.auth-toggle{position:absolute;right:8px;top:7px;height:36px;width:38px;border:0;border-radius:9px;background:#ffffff08;color:#aaa0b4}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 20px}.auth-check{display:flex;align-items:center;gap:8px;color:#9e96a9;font-size:10px}.auth-check input{accent-color:#9b5cff}.auth-link{color:#c27aff;text-decoration:none;font-size:10px;font-weight:700}.auth-link:hover{color:#e08dff}.auth-btn{width:100%;height:52px;border:0;border-radius:14px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em;background:linear-gradient(110deg,#7d35ee,#b44dff 52%,#ee5ac8);box-shadow:0 15px 35px #9b43ff35;transition:.2s}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 18px 45px #9b43ff55}.auth-divider{display:flex;align-items:center;gap:12px;color:#716a7c;font-size:9px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#ffffff10;flex:1}.auth-bottom{text-align:center;color:#8f8799;font-size:11px}.auth-bottom a{color:#c678ff;font-weight:800;text-decoration:none}.auth-interests{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 20px}.interest-option{position:relative}.interest-option input{position:absolute;opacity:0;pointer-events:none}.interest-option span{display:block;text-align:center;padding:9px 7px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff05;color:#aaa1b2;font-size:9px;cursor:pointer;transition:.2s}.interest-option input:checked+span{border-color:#a75aff;background:#9b5cff18;color:#e2c7ff;box-shadow:0 0 20px #9b5cff15}.password-meter{height:4px;border-radius:99px;background:#ffffff0c;overflow:hidden;margin-top:8px}.password-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4f7b,#ffb04f,#43e4aa);transition:.25s}.password-hint{font-size:9px;color:#766e80;margin-top:6px}.auth-footer{text-align:center;color:#665f6e;font-size:9px;margin-top:18px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{padding:36px 7vw 0}.auth-hero h1{font-size:54px}.auth-art{display:none}.auth-card-wrap{padding:30px 7vw 50px}.auth-brand{margin-bottom:22px}.auth-hero p{font-size:14px}.auth-pills{margin-top:18px}}
@media(max-width:520px){.auth-card{padding:25px 20px;border-radius:23px}.auth-hero h1{font-size:45px;letter-spacing:-2.5px}.auth-hero{padding-top:26px}.auth-interests{grid-template-columns:repeat(2,1fr)}.auth-brand-name{font-size:27px}}