@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;600&display=swap";
.auth-page-wrapper{background-color:#030014;background-image:linear-gradient(#03001466,#03001499),url(/backgrounds/galactic_dojo_bg.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.orb{filter:blur(80px);z-index:0;opacity:.7;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-1{background:radial-gradient(circle,#66e2d566 0%,#0000 70%);width:500px;height:500px;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle,#c581ff4d 0%,#0000 70%);width:600px;height:600px;animation-delay:-5s;bottom:-150px;right:-100px}.orb-3{background:radial-gradient(circle,#5b8bb34d 0%,#0000 70%);width:400px;height:400px;animation-delay:-10s;top:40%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,50px)scale(.9)}}.auth-container{box-sizing:border-box;z-index:10;justify-content:center;align-items:center;width:100%;padding:20px;animation:1s cubic-bezier(.16,1,.3,1) entrance;display:flex}@keyframes entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{width:100%;max-width:480px;box-sizing:border-box!important;-webkit-backdrop-filter:blur(40px)saturate(180%)!important;backdrop-filter:blur(40px)saturate(180%)!important;background:#ffffff0a!important;border:1px solid #fff3!important;border-radius:40px!important;padding:50px 40px!important;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff1a!important}.auth-header{text-align:center;margin-bottom:32px}.icon-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:20px;padding:15px;display:inline-flex}.brand-title{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#66e2d5 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #66e2d54d);-webkit-background-clip:text;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:800}.brand-subtitle{color:#ffffffb3;max-width:300px;margin:0 auto;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;outline:none;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-input::placeholder{color:#fff6}.auth-input:focus{background:#ffffff0f;border-color:#66e2d580;box-shadow:0 0 0 4px #66e2d51a}.auth-submit{width:100%;height:54px;margin-top:10px;color:#fff!important;border-radius:14px!important;font-size:1.1rem!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 8px 20px #66e2d533!important}.auth-submit:hover{transform:translateY(-2px)}.auth-submit:active{transform:translateY(0)}.auth-switcher{border-top:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}.switch-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.switch-btn:hover{color:#fff;background:#ffffff0d}.colorful-icon{animation:6s linear infinite rotateGlow}@keyframes rotateGlow{0%{color:#66e2d5;filter:drop-shadow(0 0 10px #66e2d599)}33%{color:#c581ff;filter:drop-shadow(0 0 15px #c581ff99)}66%{color:#5b8bb3;filter:drop-shadow(0 0 12px #5b8bb399)}to{color:#66e2d5;filter:drop-shadow(0 0 10px #66e2d599)}}.auth-alert{border-left:4px solid #0000;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;font-size:.9rem;display:flex}.auth-alert.error{color:#ff8a8a;background:#ff323214;border-color:#ff5252}.auth-alert.success{color:#a7f3ec;background:#66e2d514;border-color:#66e2d5}.pwd-rules{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;margin-top:5px;padding:16px}.pwd-rules div{color:#fff;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;transition:all .3s;display:flex}.pwd-rules div:last-child{margin-bottom:0}.spinner-small{border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.auth-card{border-radius:24px!important;padding:30px 20px!important}.brand-title{font-size:2.5rem}}.guest-btn-standard{border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:12px!important;height:54px!important;margin-top:5px!important;font-size:1.1rem!important;font-weight:600!important;display:flex!important}