.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:clamp(.5rem,2vw,1rem);box-sizing:border-box;overflow:hidden}.auth-modal-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.auth-particles{position:relative;width:100%;height:100%}.auth-particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.6);border-radius:50%;animation:auth-float var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y);opacity:0}@keyframes auth-float{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.auth-modal-content{background:rgba(26,26,46,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.3);width:min(90vw,400px);max-height:min(90vh,600px);overflow-y:auto;padding:clamp(1rem,4vw,2.5rem);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.auth-modal-content::-webkit-scrollbar{width:10px;background:rgba(0,0,0,0)}.auth-modal-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px;border:none;-webkit-transition:background .3s;transition:background .3s}.auth-modal-content:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);box-shadow:0 0 6px 2px hsla(0,0%,100%,.1)}.auth-modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.auth-modal-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.auth-modal-content:hover{scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0)}.auth-modal-header{text-align:center;margin-bottom:2rem}.auth-title{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin:0}.auth-title-main{font-size:1.5rem;font-weight:700;font-family:Orbitron,monospace;color:#fff;text-align:center;letter-spacing:.12em;line-height:1.1;text-shadow:0 0 16px rgba(0,212,255,.2666666667),0 2px 8px rgba(0,0,0,.6666666667)}.auth-title-sub{font-size:1rem;font-weight:400;letter-spacing:.08em;text-align:center;line-height:1.3;text-shadow:0 0 8px rgba(0,212,255,.1333333333);background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0);animation:auth-rainbow-move 3s linear infinite}@keyframes auth-rainbow-move{0%{background-position:0 50%}to{background-position:200% 50%}}.auth-modal-close{position:absolute;top:clamp(.75rem,2vw,1rem);right:clamp(.75rem,2vw,1rem);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);font-size:clamp(1.25rem,3vw,2rem);cursor:pointer;color:#fff;z-index:10;width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal-close:hover{background:hsla(0,0%,100%,.2);color:#00d4ff;border-color:rgba(0,212,255,.5);box-shadow:0 0 10px rgba(0,212,255,.3)}.auth-success{text-align:center;padding:2rem;color:#00d4ff}.auth-success h3{margin:0 0 1rem;color:#fff;font-family:Orbitron,monospace;text-shadow:0 0 10px #00d4ff}.auth-success p{margin:0;font-weight:500;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0);animation:auth-rainbow-move 3s linear infinite}@media(max-width:480px){.auth-modal-overlay{padding:.5rem}.auth-modal-content{width:min(95vw,100%);padding:1rem;border-radius:8px;max-height:95vh}.auth-modal-close{top:.5rem;right:.5rem;font-size:1.25rem;width:1.5rem;height:1.5rem}.auth-title-main{font-size:1.2rem}.auth-title-sub{font-size:.9rem}}@media(min-width:481px)and (max-width:768px){.auth-modal-content{width:min(80vw,500px);padding:2rem 2.5rem}}@media(min-width:769px)and (max-width:1024px){.auth-modal-content{width:min(70vw,550px);padding:2.5rem 3rem}}@media(min-width:1025px){.auth-modal-content{width:min(60vw,600px);padding:3rem 3.5rem}.auth-modal-close{top:1.5rem;right:1.5rem;font-size:2rem;width:2rem;height:2rem}}