:root{--wt-navy:#092B40;--wt-cream:#FFF4DF;--wt-coral:#F26450;--wt-teal:#167D8D}
.wt-screen{min-height:100svh;color:var(--wt-cream);font-family:Arial,Helvetica,sans-serif;background:var(--wt-navy) url('./background-desktop.png') center/cover no-repeat}
.wt-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 24px;border:2px solid transparent;border-radius:16px;font:700 1rem/1.25 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s,transform .15s;background:var(--wt-coral);color:var(--wt-navy)}
.wt-button:hover{background:#FF806D}.wt-button:active{transform:translateY(1px);background:#ED735F}
.wt-button--secondary{background:var(--wt-cream);color:var(--wt-navy)}.wt-button--secondary:hover{background:#FFE6BD}
.wt-button--ghost{background:var(--wt-navy);color:var(--wt-cream);border-color:var(--wt-cream)}.wt-button--ghost:hover{background:#16435B}
.wt-button:focus-visible{outline:3px solid var(--wt-cream);outline-offset:3px;box-shadow:0 0 0 6px var(--wt-navy)}
.wt-button:disabled{background:#D6DDE0;color:#4D626E;cursor:default;transform:none}
.wt-panel{background:#092B40F2;border-radius:24px;padding:24px}
@media(max-width:640px){.wt-screen{background-image:url('./background-mobile.png')}}
@media(prefers-reduced-motion:reduce){.wt-button{transition:none}}