@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--input-bg:#0f172a99;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;position:relative}body:before{content:"";z-index:-1;background:radial-gradient(circle,#4f46e526 0%,#0f172a00 50%),radial-gradient(circle at 80% 20%,#10b9811a 0%,#0f172a00 40%);width:200%;height:200%;animation:20s linear infinite rotateBg;position:fixed;top:-50%;left:-50%}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-wrapper{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);opacity:0;border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 25px -5px #4f46e566}.login-logo svg{color:#fff;width:32px;height:32px}.login-header h1{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.95rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-icon-wrapper{position:relative}.input-icon-wrapper svg{color:#64748b;width:20px;height:20px;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-control{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:.875rem 1rem .875rem 2.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.form-control:focus+svg,.form-control:not(:placeholder-shown)+svg{color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px -10px #4f46e599}.btn-primary:active{transform:translateY(0)}.input-icon-wrapper:hover svg{color:var(--text-muted)}