.ty{--ty-blue:#09e;--ty-gold:#ffb81c;--ty-navy:#05a;--ty-cream:#fffdf6;width:100%;min-height:calc(100vh - 72px);font-family:var(--font-body);box-sizing:border-box;background:radial-gradient(120% 90% at 50% 0,#fffdf6 0%,#fff6e0 45%,#eaf6ff 100%);justify-content:center;align-items:center;padding:clamp(28px,5vw,64px) 20px;display:flex;position:relative;overflow:hidden}.ty *,.ty :before,.ty :after{box-sizing:border-box}.ty-sparkle{color:var(--ty-gold);pointer-events:none;filter:drop-shadow(0 2px 4px #ffb81c59);position:absolute}.ty-sparkle svg{width:100%;height:100%;display:block}.ty-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:3px solid var(--ty-navy);width:100%;max-width:34rem;box-shadow:0 18px 48px -12px #0055aa47, 0 2px 0 var(--ty-gold);background:#ffffffdb;border-radius:2rem;padding:clamp(26px,4vw,40px) clamp(22px,4vw,36px) clamp(28px,4vw,40px);animation:.55s cubic-bezier(.2,.9,.3,1.2) both ty-pop;position:relative}.ty-logo{width:clamp(190px,46vw,270px);margin:0 auto;animation:3s ease-in-out infinite ty-bob;display:block}.ty-check{background:linear-gradient(135deg, var(--ty-blue), var(--ty-navy));color:#fff;border-radius:999px;place-items:center;width:64px;height:64px;margin:4px auto 0;animation:2.4s ease-in-out infinite ty-pulse;display:grid;box-shadow:0 8px 20px -6px #0055aa8c,0 0 0 6px #ffb81c40}.ty-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ty-navy);margin:18px 0 0;font-size:clamp(2rem,7vw,2.85rem);font-weight:700;line-height:1.05}.ty-title em{color:var(--ty-gold);text-shadow:0 2px #0055aa26;font-style:normal}.ty-text{color:#3b4a63;margin:14px 0 0;font-size:1.0625rem;line-height:1.6}.ty-text strong{color:var(--ty-navy)}.ty-code{background:var(--ty-gold);color:var(--ty-navy);letter-spacing:.04em;box-shadow:0 4px 0 var(--ty-navy);border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:9px 18px;font-size:.95rem;font-weight:800;animation:.6s ease-out .5s both ty-wiggle;display:inline-flex}.ty-btn{background:linear-gradient(135deg, var(--ty-blue), var(--ty-navy));color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:54px;margin-top:26px;padding:0 30px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px -6px #0055aa80}.ty-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -6px #0055aa8c}.ty-btn:active{transform:translateY(0)}.ty-iconwrap{border-radius:999px;place-items:center;width:64px;height:64px;margin:4px auto 0;display:grid}.ty-iconwrap--gold{color:var(--ty-navy);background:#ffb81c33}.ty-iconwrap--err{color:#d32f2f;background:#e539351f}.ty-iconwrap--spin{background:linear-gradient(135deg, var(--ty-blue), var(--ty-navy));color:#fff}.ty-plain .ty-logo{display:none}@keyframes ty-bob{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-10px)rotate(.5deg)}}@keyframes ty-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(8deg)}}@keyframes ty-pop{0%{opacity:0;transform:scale(.78)translateY(14px)}60%{transform:scale(1.03)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ty-pulse{0%,to{box-shadow:0 8px 20px -6px #0055aa8c,0 0 0 6px #ffb81c40}50%{box-shadow:0 8px 20px -6px #0055aa8c,0 0 0 12px #ffb81c1f}}@keyframes ty-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.ty-logo,.ty-check,.ty-card{animation:none}}