*{box-sizing:border-box}body{margin:0;background:#f3f3ef;color:#1d211e;font:16px/1.5 system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{background:white;width:100%;max-width:440px;padding:40px;border-radius:28px;box-shadow:0 12px 60px #1720180c}.brand{color:#5e7f69;letter-spacing:.1em;font-weight:700}h1{font-size:30px;line-height:1.2;margin:24px 0 14px}p,small{color:#69736c}form{display:grid;gap:22px;margin:30px 0}label{display:grid;gap:8px;font-size:14px}input{width:100%;font:16px system-ui;padding:14px;border:1px solid #d4dbd5;border-radius:12px;min-height:48px}button{font:600 16px system-ui;background:#24372b;color:white;border:0;border-radius:12px;padding:15px;cursor:pointer;min-height:48px}:focus-visible{outline:3px solid #789d83;outline-offset:3px}[role=alert]{color:#a42727}@media(max-width:480px){main{padding:28px 24px}body{padding:16px}}.google-login{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #b9c2bc;border-radius:12px;min-height:52px;margin:28px 0 12px;color:#1d211e;text-decoration:none;font-weight:600;background:#fff}.google-login span{font-size:22px;font-weight:700}.google-login:hover{background:#f6f8f6}.login-note{font-size:13px;margin-bottom:26px}