.auth-page{color:#fafafa;background:#080706;justify-content:center;align-items:center;min-height:100vh;padding:34px 20px;display:flex;position:relative;overflow:hidden}.auth-grid{pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.auth-page:before{content:"";background:radial-gradient(circle at 23% 16%,#f9731638,#0000 32%),radial-gradient(circle at 82% 18%,#eab30821,#0000 30%),linear-gradient(#0807061f,#080706 78%);position:absolute;inset:0}.auth-glow{pointer-events:none;filter:blur(78px);opacity:.22;border-radius:999px;width:420px;height:420px;position:absolute}.auth-glow-left{background:#f97316;top:12%;left:-140px}.auth-glow-right{background:#eab308;bottom:10%;right:-160px}.form-shell{z-index:1;width:100%;max-width:440px;position:relative}.title{text-align:center;color:#fafafa;letter-spacing:0;margin-bottom:10px;font-size:32px;font-weight:650;line-height:1.2}.subtitle{text-align:center;color:#a1a1aa;max-width:360px;margin:0 auto 20px;font-size:14px;line-height:1.7}.form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff14,#ffffff05),#0c0b0ad1;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:9px;width:100%;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff0f}::placeholder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.flex-column{flex-direction:column;gap:6px;display:flex}.flex-column>label{color:#f4f4f5;font-size:13px;font-weight:600}.inputForm{background-color:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;align-items:center;height:48px;padding:0 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.inputForm svg{fill:#a1a1aa;flex-shrink:0;transition:fill .2s}.input{color:#fafafa;background:0 0;border:none;border-radius:10px;width:100%;height:100%;margin-left:10px;font-size:14px}.input::placeholder{color:#71717a}.input:focus{outline:none}.inputForm:focus-within{background:#f973160f;border-color:#f97316c7;box-shadow:0 0 0 3px #f973161f}.inputForm:focus-within svg{fill:#fb923c}.flex-row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.flex-row>div{align-items:center;gap:8px;display:flex}.flex-row>div>label{color:#a1a1aa;font-size:13px;font-weight:400}.flex-row input[type=radio]{accent-color:#f97316}.span{color:#fb923c;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-size:13px;font-weight:500}.button-submit{color:#fff;cursor:pointer;background:linear-gradient(#ff7a1a,#f97316);border:none;border-radius:10px;width:100%;height:48px;margin:16px 0 8px;font-size:15px;font-weight:650;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 16px 34px #f9731647}.button-submit:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 20px 42px #f9731657}.button-submit:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.p{text-align:center;color:#a1a1aa;margin:5px 0;font-size:13px}.line{position:relative}.line:before,.line:after{content:"";background:#ffffff1a;width:34%;height:1px;position:absolute;top:50%}.line:before{left:0}.line:after{right:0}.social-buttons{flex-direction:column;gap:10px;display:flex}.btn{cursor:pointer;color:#f4f4f5;background-color:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin-top:8px;font-weight:500;transition:border-color .2s,background .2s,transform .2s;display:flex}.btn:hover{background-color:#f973160f;border-color:#f97316ad;transform:translateY(-1px)}.status-message{text-align:center;margin:4px 0 8px;font-size:14px}.status-message.error{color:#f87171}.status-message.success{color:#34d399}@media (max-width:640px){.auth-page{align-items:flex-start;padding:46px 18px}.form-shell{max-width:none}.title{font-size:28px}.subtitle{margin-bottom:22px;font-size:13px}.form{border-radius:16px;padding:22px 18px}.flex-row{flex-direction:column;align-items:stretch;gap:12px}.flex-row>div{justify-content:flex-start}.span{margin-left:0}.line:before,.line:after{width:28%}}