:root{--cream:#F6F1E7;--ink:#1F2328;--orange:#F26B1D;--muted:#5b5f66}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--cream);color:var(--ink);font-family:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:28px}
.mark{font-weight:800;font-size:clamp(56px,13vw,140px);letter-spacing:-.03em;line-height:1}
.mark .dude{color:var(--orange)}
.u{position:relative;display:inline-block}
.s{position:absolute;top:-.02em;width:.17em;height:.17em;border-radius:50%;background:var(--ink)}
.s::after{content:"";position:absolute;left:50%;top:50%;background:var(--cream);transform:translate(-50%,-50%)}
.s1{left:.06em}.s1::after{width:70%;height:18%}
.s2{right:.06em}.s2::after{width:18%;height:70%}
.tag{font-size:clamp(20px,3.2vw,30px);font-weight:500}
.soon{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:10px 20px;border-radius:999px;font-size:18px}
.sub{color:var(--muted);font-size:17px;max-width:34em;line-height:1.5}
footer{padding:24px;text-align:center;font-size:14px;color:var(--muted)}
footer a{color:var(--ink);margin:0 10px}
.legal{max-width:720px;margin:0 auto;padding:56px 24px;line-height:1.6;text-align:left;align-items:stretch;justify-content:flex-start}
.legal h1{font-size:32px;margin-bottom:8px}.legal h2{font-size:20px;margin-top:20px}
.legal a{color:var(--ink)}
.back{font-weight:700;text-decoration:none;color:var(--orange)!important}
.team{font-weight:700;font-size:18px}
.logo{width:150px;height:auto;margin-bottom:-12px;animation:wobble 3.5s ease-in-out infinite;transform-origin:50% 90%}
@keyframes wobble{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.logo{animation:none}}
.crew{margin-top:12px;width:100%;max-width:900px}
.crew h2{font-size:22px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:18px;text-align:left;box-shadow:4px 4px 0 var(--orange)}
.card b{display:block;font-size:20px;margin-bottom:6px}
.card span{color:var(--muted);line-height:1.45}
.joke{margin-bottom:10px;font-style:italic}