*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 35px #0000001f}.logo{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#111;color:#fff;font-size:22px;font-weight:700}h1{text-align:center;margin:0;font-size:28px}.subtitle{text-align:center;color:#777;margin:8px 0 30px}label{display:block;margin-bottom:7px;font-weight:600}input{width:100%;height:48px;padding:0 14px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none}input:focus{border-color:#777}button{width:100%;height:48px;border:0;border-radius:8px;background:#111;color:#fff;font-size:16px;font-weight:700;cursor:pointer}button:hover{opacity:.9}