.auth-page{background:#090c11;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#1239fa14 0%,#0000 60%),radial-gradient(at 70%,#823c960f 0%,#0000 60%);position:absolute;inset:0}.auth-box{-webkit-backdrop-filter:blur(20px);background:#090c1166;border:1px solid #f9f9f70a;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;transition:all .4s;position:relative;box-shadow:0 0 60px #1239fa0d}.auth-box:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f9f9f70f,#f9f9f703);border-radius:24px;padding:1.5px;transition:all .4s;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-box:hover{transform:translateY(-2px);box-shadow:0 0 80px #1239fa1f,0 0 120px #823c960f}.auth-box:hover:before{background:linear-gradient(135deg,#53c8ee,#823c96,#1239fa) 0 0/300% 300%;animation:3s ease-in-out infinite glowBorder}@keyframes glowBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-header{text-align:center;margin-bottom:28px}.auth-header .auth-logo{justify-content:center;margin-bottom:20px;display:flex}.auth-header .auth-logo img{width:auto;max-height:50px}.auth-header h2{color:#f9f9f7;margin:0;font-size:1.5rem;font-weight:700}.auth-header p{color:#f9f9f74d;margin-top:4px;font-size:.9rem;font-weight:300}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-group{flex-direction:column;gap:4px;display:flex}.auth-group label{color:#f9f9f766;letter-spacing:.3px;font-size:.8rem;font-weight:500}.auth-group input{color:#f9f9f7;background:#f9f9f70a;border:1px solid #f9f9f70f;border-radius:12px;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.95rem;transition:all .3s}.auth-group input:focus{border-color:#53c8ee4d;outline:none;box-shadow:0 0 30px #53c8ee0a}.auth-group input::placeholder{color:#f9f9f71f}.auth-group .auth-error{color:#eb2d84;margin-top:4px;font-size:.8rem}.auth-options{justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.auth-options label{color:#f9f9f766;cursor:pointer;align-items:center;gap:6px;display:flex}.auth-options label input[type=checkbox]{accent-color:#823c96;cursor:pointer;width:16px;height:16px}.auth-options a{color:#f9f9f740;font-size:.8rem;text-decoration:none;transition:color .3s}.auth-options a:hover{color:#53c8ee}.auth-btn{color:#f9f9f7;cursor:pointer;background:linear-gradient(135deg,#1239fa,#823c96);border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 40px #1239fa4d}.auth-btn:active{transform:translateY(0)}.auth-footer{text-align:center;color:#f9f9f740;margin-top:20px;font-size:.85rem}.auth-footer a{color:#53c8ee;font-weight:500;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#eb2d84}.auth-footer-bottom{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex;position:relative}.auth-tagline{color:#f9f9f7;letter-spacing:2px;opacity:.4;font-size:.85rem;font-weight:300}.auth-powered{color:#f9f9f733;letter-spacing:.5px;font-size:.7rem}.auth-powered a{color:#f9f9f7;background:linear-gradient(90deg,#eb2d84,#53c8ee,#00adee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500;text-decoration:none;transition:all .3s}.auth-powered a:hover{opacity:.8}.auth-alert{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.auth-alert.error{color:#eb2d84;background:#eb2d8414;border:1px solid #eb2d841a}.auth-alert.success{color:#53c8ee;background:#53c8ee14;border:1px solid #53c8ee1a}.auth-breadcrumb{color:#ffffff4d;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;max-width:440px;margin-bottom:1.5rem;padding:0 .5rem;font-size:.8125rem;display:flex}.auth-breadcrumb a{color:#fff6;white-space:nowrap;text-decoration:none;transition:color .3s}.auth-breadcrumb a:hover{color:#fff}.auth-breadcrumb>span:last-child{color:#ffffff80}@media (width<=480px){.auth-box{padding:28px 20px}.auth-header h2{font-size:1.2rem}.auth-header .auth-logo img{max-height:40px}.auth-options{flex-wrap:wrap;gap:8px}.auth-tagline{font-size:.7rem}}