*{box-sizing:border-box}body{margin:0;background:#f6f5f2;color:#323631;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;min-height:100vh;display:grid;place-content:center;padding:24px}main{width:min(420px,100%);background:white;border:1px solid #e9e6de;border-radius:16px;padding:42px;text-align:center;box-shadow:0 8px 32px #372a1210}.brand{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:30px;font-weight:800;color:#ed8b20;letter-spacing:-1px}.eyebrow{font-size:12px;color:#777;margin:0 0 32px}h1{font-size:22px;margin:0 0 14px}p{color:#62665e}.google{display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border:1px solid #dadce0;background:#fff;color:#333;border-radius:8px;padding:12px;margin:30px 0 20px;font-weight:600;transition:background .15s}.google:hover{background:#f8f9fa}.google:focus-visible{outline:3px solid #ed8b20;outline-offset:3px}.google span{font:bold 20px Arial;color:#4285f4}.note,footer{font-size:12px;color:#8b8d85}footer{text-align:center;margin:20px} @media(max-width:480px){main{padding:32px 24px}}

.brand-icon{display:block;flex:none}