.auth-logo{display:flex;justify-content:center;margin-bottom:24px;animation:logoFadeIn .5s ease-out}.auth-logo svg{filter:drop-shadow(0 4px 12px rgba(119,0,255,.3))}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-form-container{width:100%;max-width:420px;padding:48px 40px;background:linear-gradient(135deg,#141416e6,#0f0f11f2);border:1px solid rgba(255,255,255,.06);border-radius:6px;box-shadow:0 4px 24px #0006,0 1px 1px #ffffff05 inset,0 0 100px #7700ff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;animation:cardFadeIn .6s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-form-header{margin-bottom:36px;text-align:center}.auth-form-header h1{font-size:28px;font-weight:600;margin-bottom:10px;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:15px;font-weight:400;color:#737380;letter-spacing:.1px}.auth-form{width:100%;display:flex;flex-direction:column;gap:4px}.auth-input-group{margin-bottom:16px}.auth-input{width:100%;padding:16px 18px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;font-family:Geist,sans-serif;font-size:15px;font-weight:400;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.auth-input:hover:not(:disabled){border-color:#ffffff1f;background:#ffffff0d}.auth-input:focus{border-color:#7700ff80;background:#ffffff0d;box-shadow:0 0 0 3px #7700ff1a,0 0 20px #7700ff0d}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input::placeholder{color:#55555a;font-weight:400}.auth-code-input{text-align:center;font-size:26px;letter-spacing:12px;font-weight:500;font-family:SF Mono,Monaco,Fira Code,monospace;padding:18px 24px;background:#7700ff08;border-color:#7700ff26}.auth-code-input:focus{background:#7700ff0d;border-color:#70f6}.auth-code-hint{margin-top:12px;font-size:13px;color:#737380;text-align:center;font-weight:400}.auth-error{color:#ff6b6b;margin-bottom:16px;font-size:13px;padding:14px 16px;background:#ff6b6b14;border-radius:6px;border:1px solid rgba(255,107,107,.15);text-align:center;animation:errorShake .4s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-button{width:100%;padding:16px 24px;border-radius:6px;background:linear-gradient(135deg,#70f,#50c);color:#fff;border:none;font-family:Geist,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:8px;position:relative;overflow:hidden;letter-spacing:.3px}.auth-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8a1aff,#60d);opacity:0;transition:opacity .25s ease;z-index:-1}.auth-button:hover:not(:disabled):before{opacity:1}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #7700ff59,0 0 0 1px #70f3 inset}.auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #7700ff40}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-button span,.auth-button{position:relative;z-index:1}.auth-back-button{width:100%;margin-top:12px;padding:12px 16px;background:transparent;border:none;color:#737380;cursor:pointer;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;border-radius:6px}.auth-back-button:hover:not(:disabled){color:#fff;background:#ffffff0d}.auth-back-button:disabled{opacity:.5;cursor:not-allowed}.auth-switch{margin-top:28px;text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.auth-switch-button{background:none;border:none;color:#737380;cursor:pointer;font-family:Geist,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease}.auth-switch-button:hover:not(:disabled){color:#70f;background:#7700ff0d}.auth-switch-button:disabled{opacity:.5;cursor:not-allowed}.auth-success-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;animation:successFadeIn .5s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-success-icon{margin-bottom:24px;animation:successBounce .6s ease-out .2s both}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-success-icon svg{filter:drop-shadow(0 4px 20px rgba(119,0,255,.4))}.auth-success-text{font-size:15px;color:#737380;text-align:center;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.auth-button:disabled{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 480px){.auth-form-container{padding:36px 24px;border-radius:6px;margin:16px}.auth-form-header h1{font-size:24px}.auth-code-input{font-size:22px;letter-spacing:8px}}.auth-success{background:#7700ff14!important;border-color:#70f3!important;color:#a855f7!important}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(119,0,255,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(119,0,255,.1),transparent),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(80,0,180,.08),transparent),linear-gradient(180deg,#0a0a0b,#0d0d0f,#0a0a0b);z-index:0;animation:gradientShift 15s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0% 50%;opacity:1}to{background-position:100% 50%;opacity:.95}}.auth-container:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(119,0,255,.08) 0%,transparent 70%);top:-200px;right:-100px;animation:float 20s ease-in-out infinite;z-index:0}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.05)}66%{transform:translate(20px,-20px) scale(.95)}}.auth-container>*:first-child{position:relative;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0b;color:#fff;overflow-x:hidden}#root{min-height:100vh}::selection{background-color:#70f6;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1c}::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4c}
