:root{--primary:#2563eb;--primary-dark:#1d4ed8;--bg-dark:#070a13;--bg-card:#0f172ab3;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.login-container{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-box{z-index:20;border-radius:32px;width:100%;max-width:450px;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.login-header{text-align:center;margin-bottom:2.5rem}.logo{margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.logo span{color:var(--primary)}.login-header h1{margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem}.login-header p{color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-wrapper{position:relative}.input-wrapper input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:12px;outline:none;width:100%;padding:1rem 3rem 1rem 1rem;font-family:inherit;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 4px #2563eb1a}.toggle-password{cursor:pointer;color:var(--text-muted);transition:color .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--primary)}.login-options{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.85rem;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;display:flex}.forgot-password{color:var(--primary);font-weight:500;text-decoration:none}.btn-login{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-login:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #2563eb33}.login-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.75rem}.login-bg-decoration{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s infinite alternate move;position:absolute}.blob-1{background:var(--primary);width:400px;height:400px;top:-100px;right:-100px}.blob-2{background:#8b5cf6;width:300px;height:300px;bottom:-50px;left:-50px}@keyframes move{0%{transform:translate(0)}to{transform:translate(100px,50px)}}@media (width<=480px){.login-box{margin:1rem;padding:2rem}}