:root{ --ink:#141414; --soft:#6a655f; --line:#e7e4df; --wash:#f6f5f2; } *{margin:0;padding:0;box-sizing:border-box;} html,body{height:100%;} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--wash); color:var(--ink); display:flex; align-items:center; justify-content:center; padding:24px; line-height:1.5; -webkit-font-smoothing:antialiased; } .card{ width:100%; max-width:440px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.07); padding:40px 32px 32px; text-align:center; } .brand{ font-size:12px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--soft); margin-bottom:24px; } .icon{ width:56px;height:56px; margin:0 auto 20px; display:flex;align-items:center;justify-content:center; background:var(--ink); border-radius:50%; } .icon svg{width:26px;height:26px;color:#fff;} h1{ font-size:22px; font-weight:600; letter-spacing:-.3px; margin-bottom:10px; } p{ font-size:14.5px; color:var(--soft); margin-bottom:6px; } .spinner{ width:18px;height:18px; border:2px solid var(--line); border-top-color:var(--ink); border-radius:50%; margin:18px auto 22px; animation:spin .8s linear infinite; } @keyframes spin{to{transform:rotate(360deg);}} @media (prefers-reduced-motion:reduce){.spinner{animation:none;}} .btn{ display:block; width:100%; padding:16px 24px; background:var(--ink); color:#fff; text-decoration:none; border-radius:8px; font-size:14px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; transition:opacity .25s ease; margin-bottom:14px; } .btn:hover{opacity:.85;} .email-row{ display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; color:var(--ink); } .email-row a{color:var(--ink);font-weight:600;text-decoration:none;} .copy{ border:1px solid var(--line); background:#fff; border-radius:6px; padding:5px 10px; font-size:11px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:var(--soft); cursor:pointer; transition:all .2s ease; } .copy:hover{border-color:var(--ink);color:var(--ink);} .hint{font-size:12px;color:var(--soft);margin-top:18px;}