*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:radial-gradient(circle at top,#eef1f8,#e4e8f2 45%,#dde2ee);color:#1a1d29}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:2.75rem 2.5rem;box-shadow:0 20px 60px -15px #1e293b40,0 2px 8px #1e293b0a;border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column}.login-logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-bottom:1.5rem}.login-card h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:600}.login-subtitle{margin:0 0 2rem;font-size:.9rem;color:#6b7280}.login-card label{font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.4rem}.login-card input{font-size:.95rem;padding:.7rem .85rem;margin-bottom:1.25rem;border-radius:10px;border:1px solid #dfe2ea;background:#f9fafc;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-card input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background:#fff}.login-card button{margin-top:.5rem;padding:.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.login-card button:hover{opacity:.92}.login-card button:active{transform:scale(.99)}