.login-page{color:#f8fafc;background:radial-gradient(circle at top,#1f2937 0%,#0f172a 60%,#020617 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.login-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172acc;border:1px solid #94a3b833;border-radius:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;width:100%;max-width:960px;padding:3rem;display:grid;box-shadow:0 30px 60px #020617a6}.login-intro{flex-direction:column;gap:1rem;display:flex}.login-tagline{letter-spacing:.05em;text-transform:uppercase;color:#34d399;font-size:.85rem}.login-intro h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);font-weight:700}.login-intro p{color:#cbd5f5;margin:0;line-height:1.6}.login-card{background:#020617d9;border:1px solid #94a3b833;border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:2.5rem;display:flex}.login-header{align-items:center;gap:1rem;display:flex}.login-header span{font-size:2.25rem}.login-header h2{margin:0;font-size:1.5rem}.login-header p{color:#94a3b8;margin:0}.login-card label{color:#e2e8f0;flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}.login-card input{color:#f8fafc;background:#94a3b81a;border:1px solid #94a3b833;border-radius:.75rem;padding:.85rem 1rem}.login-card input:focus{border-color:#34d399;outline:none;box-shadow:0 0 0 3px #34d39940}.login-error{color:#f87171;margin:0;font-size:.95rem}.login-success{color:#34d399;background:#34d3991a;border:1px solid #34d3994d;border-radius:.75rem;align-items:center;gap:.75rem;margin:0;padding:1rem 1.25rem;font-size:.95rem;animation:.3s ease-out slideIn;display:flex}.login-success .success-icon{flex-shrink:0;font-size:1.25rem}.login-success p{margin:0;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-submit{color:#04121b;cursor:pointer;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:999px;padding:.95rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 15px 35px #10b98159}.login-submit:hover{transform:translateY(-2px)}.login-footer{text-align:center;color:#94a3b8;margin:0}.login-footer a{color:#34d399;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.login-panel,.login-card{padding:2rem}}