:root{--glass-blur-md: 16px;--glass-blur-lg: 24px;--glass-bg-layer1: rgba(28, 30, 62, .72);--glass-bg-layer2: rgba(34, 34, 79, .6);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);--primary-color: #1a1a2e;--secondary-color: #16162a;--accent-color: #06b6d4;--accent-light: #22d3ee;--link-color: #4285f4;--danger-color: #f59e0b;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: rgba(255, 255, 255, .08);--card-bg: rgba(26, 26, 46, .75);--input-bg: rgba(44, 44, 64, .6);--gradient-primary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-strip: linear-gradient(90deg, #8b5cf6, #ec4899, #06b6d4, #22c55e)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body.login-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(145deg,#0f1127,#1a1a2e 40%,#16162a);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}body.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,92,246,.12),transparent),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(6,182,212,.08),transparent);pointer-events:none;z-index:0}.login-container{width:100%;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:450px;background:linear-gradient(135deg,var(--glass-bg-layer1),var(--glass-bg-layer2));backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:var(--glass-border);border-radius:1.5rem;padding:3rem 2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;z-index:1}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-strip);opacity:.95}.login-icon{text-align:center;margin-bottom:2rem}.login-icon i{font-size:3.5rem;color:var(--accent-color);background:#06b6d426;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:1rem;margin:0 auto;border:2px solid rgba(6,182,212,.4)}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.form-header p{color:var(--text-secondary);font-size:.95rem}.demo-accounts{margin-bottom:2rem;padding:1.5rem;background:#4285f41f;backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));border:var(--glass-border);border-radius:1rem}.demo-title{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-align:center}.demo-accounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.demo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;background:transparent;border:1.5px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .3s ease;font-weight:500}.demo-btn i{font-size:1.5rem}.demo-btn:hover{border-color:var(--link-color);color:var(--link-color);background:#4285f41f;transform:translateY(-2px)}.demo-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider-or{text-align:center;color:var(--text-secondary);margin:1.5rem 0;font-size:.85rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.form-group label i{color:var(--accent-color);font-size:.9rem}.password-header{display:flex;justify-content:space-between;align-items:center}.password-header label{margin:0}.forgot-password{color:var(--link-color);text-decoration:none;font-size:.85rem;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:#5b9cf4}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1rem;color:var(--accent-color);font-size:1rem;pointer-events:none}.form-group input{padding:.75rem 1rem .75rem 2.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.form-group input::placeholder{color:var(--text-secondary)}.form-group input:focus{outline:none;border-color:var(--link-color);background:var(--input-bg);box-shadow:0 0 0 3px #4285f433}.toggle-password{position:absolute;right:0;top:0;bottom:0;width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:color .3s ease;padding:0;z-index:2}.toggle-password i{pointer-events:none}.toggle-password:hover{color:var(--accent-color)}.input-wrapper:has(.toggle-password) input{padding-right:2.75rem}.error-message{font-size:.8rem;color:var(--danger-color, #f59e0b);display:none;margin-top:-.3rem}.error-message.show{display:block}.form-group.checkbox{flex-direction:row;align-items:center;gap:.875rem;margin:.5rem 0}.form-group.checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-group.checkbox label{margin:0;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.875rem;transition:color .2s ease}.form-group.checkbox label:hover{color:var(--text-primary)}.form-group.checkbox label:before{content:"";flex-shrink:0;width:20px;height:20px;background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:.5rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.form-group.checkbox input[type=checkbox]:focus-visible+label:before{outline:none;border-color:var(--link-color);box-shadow:0 0 0 3px #4285f433}.form-group.checkbox input[type=checkbox]:checked+label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4 4 8-8'/%3E%3C/svg%3E"),var(--gradient-primary);background-size:14px 14px,cover;background-position:center,0 0;background-repeat:no-repeat,repeat;border-color:transparent}.btn{padding:.85rem;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-login{width:100%;background:var(--gradient-primary);color:#fff;font-weight:700;letter-spacing:.5px;margin-top:1rem;border:none}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #8b5cf666}.btn-login:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{width:100%;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color);margin-top:1rem;font-weight:600}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color);background:#6366f114}.signup-link{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem}.signup-link a{color:var(--link-color);text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link a:hover{color:#5b9cf4}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:#0f2740f2;border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);display:none;z-index:1000;max-width:400px;word-wrap:break-word;animation:slideIn .3s ease;font-weight:500}.toast.show{display:block}.toast.success{border-left:4px solid var(--accent-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.info{border-left:4px solid #6eb5ff}.two-fa-step{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.two-fa-prompt{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;text-align:center}.two-fa-step .btn-primary{width:100%;margin-bottom:.5rem}.btn-back-inline{width:100%;margin-top:.25rem}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:480px){body.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-icon i{font-size:2.5rem;width:70px;height:70px}.form-header h2{font-size:1.5rem}.form-header p{font-size:.85rem}.btn-login{margin-top:.75rem}.toast{right:1rem;left:1rem;max-width:none;bottom:1rem}}.cookie-consent[hidden]{display:none!important}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#0f2740fa,#1e3a4afa);border-top:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;box-shadow:0 -4px 20px #0003;z-index:1000}.cookie-consent p{margin:0;font-size:.9rem;color:var(--text-secondary);max-width:520px}.cookie-consent .btn-sm{padding:.5rem 1rem;font-size:.9rem;white-space:nowrap}body.login-page:before,body.login-page:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:orbFloat 12s ease-in-out infinite}body.login-page:before{width:520px;height:520px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);top:-160px;right:-120px}body.login-page:after{width:420px;height:420px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);bottom:-120px;left:-100px;animation-delay:-6s;animation-direction:reverse}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-32px) scale(1.06)}66%{transform:translate(-18px,22px) scale(.94)}}.login-container{position:relative;z-index:1}@keyframes cardEnter{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card{animation:cardEnter .55s cubic-bezier(.22,1,.36,1) both}.divider-or{position:relative;display:flex;align-items:center;gap:.75rem;text-align:unset}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border-color)}.demo-btn[data-role=admin]:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b1f;transform:translateY(-2px)}.demo-btn[data-role=developer]:hover{border-color:var(--accent-color);color:var(--accent-color);background:#06b6d41f;transform:translateY(-2px)}.demo-btn[data-role=paid]:hover{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf61f;transform:translateY(-2px)}.demo-btn[data-role=free]:hover{border-color:#f97316;color:#f97316;background:#f973161f;transform:translateY(-2px)}.demo-btn[data-role=user]:hover{border-color:var(--link-color);color:var(--link-color);background:#4285f41f;transform:translateY(-2px)}