body{margin:0;background:#D6D6D6}
a{color:#CE0530;text-decoration:none}a:hover{color:#A8032A}
:focus-visible{outline:2px solid #CE0530;outline-offset:3px;border-radius:8px}
.glass{background:rgba(255,255,255,.45);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 60px -34px rgba(28,28,27,.45);border-radius:28px}
.hand{font-family:'Caveat',cursive;color:#CE0530;font-weight:600}
.blob{position:absolute;border-radius:50%;pointer-events:none}
.bRed{display:flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:#CE0530;color:#fff;font-weight:600;font-size:15px;border:0;font-family:inherit;cursor:pointer;box-shadow:0 10px 22px -12px rgba(206,5,48,.8);width:100%}
.bRed:hover{background:#A8032A;color:#fff}
.bAlt{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);color:#1C1C1B;font-weight:600;font-size:15px}
.bAlt:hover{background:#fff;color:#1C1C1B}
.tab{flex:1;height:42px;border-radius:999px;border:0;background:transparent;font-family:inherit;font-weight:600;font-size:14px;color:#454543;cursor:pointer}
.tabOn{flex:1;height:42px;border-radius:999px;border:0;background:#fff;font-family:inherit;font-weight:600;font-size:14px;color:#CE0530;cursor:pointer;box-shadow:0 4px 10px -4px rgba(28,28,27,.25)}
.field{width:100%;box-sizing:border-box;height:54px;border-radius:16px;border:1.5px solid transparent;background:rgba(255,255,255,.88);padding:0 18px;font-family:inherit;font-size:16px;color:#1C1C1B;outline:none}
.field:focus{border-color:#CE0530}
.code{width:52px;height:60px;box-sizing:border-box;border-radius:14px;border:1.5px solid transparent;background:rgba(255,255,255,.88);text-align:center;font-family:inherit;font-size:22px;font-weight:600;color:#1C1C1B;outline:none}
.code:focus{border-color:#CE0530}
.codeErr{border-color:#CE0530 !important;background:#fff}
.orb{position:relative;width:340px;height:340px}
.spin{position:absolute;inset:0;animation:spin 48s linear infinite}
.ctr{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:spin 48s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.disc{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 10px 22px -12px rgba(28,28,27,.45)}
@media (prefers-reduced-motion:reduce){.spin,.ctr{animation:none}}
@media (max-width:860px){.leftCol{display:none !important}.glass{border-radius:18px}}

.err{display:none;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(206,5,48,.08);color:#A8032A;font-size:14px;font-weight:500}.err.on{display:flex}
.info{display:none;padding:12px 14px;border-radius:14px;background:rgba(28,28,27,.06);color:#1C1C1B;font-size:14px;line-height:1.5}.info.on{display:block}
.bRed[disabled]{opacity:.6;cursor:wait}[hidden]{display:none !important}
.link{border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:600;color:#CE0530;cursor:pointer;padding:0}.link[disabled]{color:#5E5E5C;cursor:default}