body,html{margin:0;padding:0;min-height:100%}html{height:100%}body{min-height:100dvh;background:#f5f6f8;color:#5f6368;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:520px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.04);overflow:hidden}.card-body{padding:56px 40px 48px;display:flex;flex-direction:column;align-items:center}.prompt{margin:0 0 28px;text-align:center;font-size:16px;line-height:1.55;font-weight:400;color:#6b6f76;max-width:340px}.hold-btn{position:relative;width:280px;height:48px;border:2px solid #2b7de9;border-radius:999px;background:#fff;overflow:hidden;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;outline:none;padding:0}.hold-btn:focus-visible{box-shadow:0 0 0 3px rgba(43,125,233,.25)}.hold-fill{left:0;top:0;bottom:0;width:0;background:#2b7de9}.hold-fill,.hold-label{position:absolute;pointer-events:none}.hold-label{inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;letter-spacing:.01em;white-space:nowrap}.hold-label-base{color:#8ec4f5}.hold-label-fill{color:#fff}.card-footer{border-top:1px solid #eef0f2;background:#fafbfc;padding:10px 16px;text-align:center;font-size:11px;color:#b4b8be;letter-spacing:.01em}