.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a081ed9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(160deg,#1e1a3a,#2d2460 40%,#3b2e80,#2a1f5c);padding:40px 36px 32px;border-radius:20px;box-shadow:0 0 60px #8b5cf626,0 20px 50px #00000080,inset 0 1px #ffffff14;position:relative;max-width:420px;width:92%;text-align:center;color:#f0eaff;border:1px solid rgba(139,92,246,.2);overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 25%,rgba(251,210,93,.5) 0%,transparent 100%),radial-gradient(1px 1px at 75% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(251,210,93,.4) 0%,transparent 100%),radial-gradient(1px 1px at 45% 90%,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none;z-index:0;animation:modalTwinkle 4s ease-in-out infinite alternate}@keyframes modalTwinkle{0%{opacity:.6}to{opacity:1}}.modal-content>*{position:relative;z-index:1}.close-button-solid{position:absolute;top:12px;right:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:.9em;cursor:pointer;border-radius:50%;transition:all .3s ease;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff9;padding:0;z-index:2}.close-button-solid:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d;transform:scale(1.1)}.mascot-login{position:absolute;bottom:-10px;right:-10px;max-width:80px;opacity:.15;pointer-events:none;z-index:0}.modal-content h1{font-family:Crimson Text,Georgia,serif;font-size:1.7em;margin:0 0 6px;color:#fbd25d;text-shadow:0 0 20px rgba(251,210,93,.3);font-weight:600}.modal-content .modal-subtitle{font-size:.9em;color:#f0eaff99;margin:0 0 24px}.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=text]{width:100%;padding:13px 16px;margin:6px 0;border-radius:10px;border:1px solid rgba(139,92,246,.25);font-size:.95em;background:#ffffff12;color:#f0eaff;transition:all .3s ease;box-sizing:border-box}.modal-content input[type=email]::placeholder,.modal-content input[type=password]::placeholder,.modal-content input[type=text]::placeholder{color:#f0eaff66}.modal-content input[type=email]:focus,.modal-content input[type=password]:focus,.modal-content input[type=text]:focus{outline:none;border-color:#fbd25d80;box-shadow:0 0 20px #fbd25d1a;background:#ffffff1a}.modal-content .login-button{width:100%;padding:14px;margin-top:16px;border-radius:10px;border:none;background:linear-gradient(135deg,#fbd25d,#f0a030);color:#1e1a3a;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fbd25d40;letter-spacing:.02em}.modal-content .login-button:hover{background:linear-gradient(135deg,#ffe066,#f5b040);transform:translateY(-2px);box-shadow:0 6px 25px #fbd25d59}.modal-content .login-button:active{transform:translateY(0)}.modal-content .auth-divider{display:flex;align-items:center;margin:18px 0 14px;gap:12px;color:#f0eaff66;font-size:.85em}.modal-content .auth-divider:before,.modal-content .auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.modal-content .google-button{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#f0eaff;font-size:.95em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;box-shadow:none;font-weight:500}.modal-content .google-button:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.modal-content .google-button svg,.modal-content .google-button i{font-size:1.1em;flex-shrink:0}.modal-content .google-button .google-icon{width:18px;height:18px}.modal-content .error-message{color:#ff9b8a;margin:8px 0;font-size:.88em;font-weight:500;background:#ff64501a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,100,80,.15)}.modal-content .success-message{color:#86efac;margin:8px 0;font-size:.88em;font-weight:500;background:#4ade801a;padding:8px 12px;border-radius:8px;border:1px solid rgba(74,222,128,.15)}.modal-content .additional-links{margin-top:20px;display:flex;justify-content:center;gap:24px;padding:0}.modal-content .additional-links a{color:#f0eaffb3;font-size:.88em;font-weight:400;text-decoration:none;transition:all .3s ease;position:relative;padding:2px 0}.modal-content .additional-links a:hover{color:#fbd25d}.modal-content .additional-links a:after{content:"";position:absolute;width:0;height:1px;bottom:-1px;left:0;background:#fbd25d;transition:width .3s ease}.modal-content .additional-links a:hover:after{width:100%}.modal-content .checkbox-wrapper{margin:16px 0 4px;text-align:left}.modal-content .checkbox-group{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.modal-content .checkbox-group input[type=checkbox]{margin:3px 0 0;flex-shrink:0;width:16px;height:16px;accent-color:#fbd25d;cursor:pointer}.modal-content .checkbox-group label{line-height:1.5;color:#f0eaffbf;font-size:.85em;cursor:pointer}.modal-content .checkbox-group a{color:#fbd25d;text-decoration:underline;text-decoration-color:#fbd25d4d;transition:all .2s ease;margin:0 2px;padding:0}.modal-content .checkbox-group a:hover{color:#ffe066;text-decoration-color:#ffe066}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e1a3a,#2d2460 40%,#3b2e80,#2a1f5c);position:relative;overflow:hidden}.verify-email-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 70%,rgba(251,210,93,.4) 0%,transparent 100%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 85% 75%,rgba(251,210,93,.3) 0%,transparent 100%);animation:modalTwinkle 4s ease-in-out infinite alternate}.verify-email-card{position:relative;background:#ffffff0d;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:48px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 50px #0006}.verify-email-card .verify-icon{font-size:3em;margin-bottom:16px;display:block}.verify-email-card h1{font-family:Crimson Text,Georgia,serif;font-size:1.6em;color:#fbd25d;margin:0 0 12px;text-shadow:0 0 20px rgba(251,210,93,.3)}.verify-email-card p{color:#f0eaffb3;font-size:.95em;line-height:1.6;margin:0 0 24px}.verify-email-card .resend-button{display:inline-block;padding:12px 32px;border-radius:10px;border:1px solid rgba(251,210,93,.4);background:#fbd25d1a;color:#fbd25d;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease}.verify-email-card .resend-button:hover{background:#fbd25d33;border-color:#fbd25d99;transform:translateY(-2px);box-shadow:0 4px 20px #fbd25d26}@media(max-width:768px){.modal-content{padding:32px 24px 24px;max-width:92%;border-radius:16px}.modal-content h1{font-size:1.4em}.modal-content .additional-links{flex-direction:column;gap:12px}.mascot-login{max-width:60px}.verify-email-card{padding:36px 24px}}
