:root{--login-bg:#0f172a;--login-card:#1e293bb3;--login-border:#ffffff1a;--login-text:#f8fafc;--login-muted:#94a3b8}.login-page-wrapper{width:100vw;min-height:100vh;color:var(--login-text);box-sizing:border-box;background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a);flex-direction:column;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;display:flex}.login-container{perspective:1000px;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;width:100%;max-width:440px;padding:3rem 2.5rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;animation:.6s ease-out forwards fadeIn;transform:translateY(0)rotateX(0);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0009,0 0 40px #6366f11a,inset 0 1px #ffffff26}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{color:#fff;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.form-group{margin-bottom:1.5rem;position:relative}.form-label{color:#e2e8f0;margin-bottom:.5rem;font-size:.875rem;font-weight:500;transition:color .3s;display:block}.form-input{color:#fff;background:#0f172a80;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input::placeholder{color:#64748b}.form-input:focus{background:#0f172acc;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.form-group:focus-within .form-label{color:#818cf8}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.75rem;width:100%;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f166}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(1px)}.forgot-password{text-align:center;color:#818cf8;margin-top:1.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.forgot-password:hover{color:#c084fc}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}