*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1e3a8a 0,#1e40af 50%,#2563eb 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:420px;padding:48px 40px}.logo-section{text-align:center;margin-bottom:40px}.logo{font-size:2.5em;font-weight:700;background:linear-gradient(135deg,#1e3a8a 0,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.logo-subtitle{color:#64748b;font-size:.95em;font-weight:500}.welcome-text{text-align:center;margin-bottom:32px}.welcome-text h2{color:#1e293b;font-size:1.5em;margin-bottom:8px}.welcome-text p{color:#64748b;font-size:.9em}.form-group{margin-bottom:24px}.form-group label{display:block;color:#1e293b;font-weight:600;margin-bottom:8px;font-size:.9em}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;transition:.3s;font-family:inherit}@supports selector(:focus-visible){.form-group input:focus{outline:0}}.form-group input:focus-visible{outline:#1e3a8a solid 3px;outline-offset:2px}.form-group input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px rgba(30,58,138,.1)}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1e3a8a 0,#2563eb 100%);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 12px rgba(30,58,138,.3)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,58,138,.4)}.login-btn:focus-visible{outline:#1e3a8a solid 3px;outline-offset:2px}.login-btn:active{transform:translateY(0)}.info-text{text-align:center;color:#64748b;font-size:.9em;margin-top:32px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9em;display:none}.error-message.show{display:block}