*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(at top left,#fff1c2,transparent 70%),#f8f5ee;color:#50371f;font:16px/1.6 system-ui,sans-serif}main{width:100%;max-width:420px;padding:30px;text-align:center;border:1px solid #ebddc0;border-radius:24px;background:#fffdf9;box-shadow:0 16px 36px #644b2a20}.badge{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fbbf24;font-weight:900;color:white}h1{font-size:25px;margin-bottom:12px}.note{font-size:12px;color:#927750}button{border:1px solid #e4b84e;border-radius:10px;padding:10px 20px;background:#ffe08a;color:#50371f;font:inherit;cursor:pointer}button[hidden]{display:none}

.google-button{display:flex;justify-content:center;min-height:44px;margin:20px 0}.google-button[hidden]{display:none}