:root{--bg-color:#f0f2f5;--surface-color:#ffffff;--border-color:#dee2e6;--text-primary:#212529;--text-secondary:#6c757d;--accent-primary:#007bff;--accent-danger:#dc3545;--accent-success:#28a745;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'Inter',sans-serif;background-color:var(--bg-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-height:100vh;}.login-container{width:100%;max-width:400px;padding:3rem;background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.05);text-align:center;}h1{font-size:1.8rem;font-weight:700;margin-bottom:0.5rem;}.subtitle{color:var(--text-secondary);margin-bottom:2rem;}.input-group{text-align:left;margin-bottom:1.5rem;}.input-group label{display:block;font-weight:500;margin-bottom:0.5rem;font-size:0.9rem;}.input-group input{width:100%;padding:0.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;}.input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(0,123,255,.15);}.login-button{width:100%;padding:.9rem;border:none;background-color:var(--accent-primary);color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;}.login-button:hover{background-color:#0056b3;}.login-button:disabled{background-color:#a0a0a0;cursor:not-allowed;}.message{margin-top:1.5rem;font-weight:500;padding:.8rem;border-radius:8px;display:none;}.message.error{display:block;background-color:rgba(220,53,69,.1);color:var(--accent-danger);}.message.success{display:block;background-color:rgba(40,167,69,.1);color:var(--accent-success);}