body{background:linear-gradient(135deg,#1a73e8,#4caf50);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex}.container{width:100%;max-width:420px;padding:40px}.card{background:#fff;border-radius:12px;padding:35px;box-shadow:0 10px 25px #00000026}.card h2{text-align:center;margin-top:0;margin-bottom:25px}form{flex-direction:column;gap:15px;display:flex}input{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:14px;transition:all .2s}input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e826}button{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:6px;padding:12px;font-weight:700;transition:all .2s}button:hover{background:#0f5cc0;transform:translateY(-1px)}.login-footer{text-align:center;color:#777;margin-top:15px;font-size:13px}