*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff8f0;background:#8b3a22}.court{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 100%,#6b2d18 0,transparent 55%),radial-gradient(ellipse 90% 60% at 20% 20%,#d4784a 0,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 30%,#c96a3f 0,transparent 45%),linear-gradient(165deg,#c45c2e,#a84428 45%,#8f3a22)}.court__lines{position:absolute;inset:8%;border:3px solid rgba(255,248,240,.75);border-radius:2px;pointer-events:none}.court__lines:before{left:0;right:0;height:2px;transform:translateY(-50%)}.court__lines:after,.court__lines:before{content:"";position:absolute;top:50%;background:rgba(255,248,240,.55)}.court__lines:after{left:50%;width:2px;height:18%;transform:translate(-50%,-50%)}.court__content{position:relative;z-index:1;max-width:32rem;padding:2rem;text-align:center}.court__brand{margin-bottom:1.25rem;font-size:.875rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,248,240,.85)}.court__title{margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.25)}.court__subtitle{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;color:rgba(255,248,240,.88)}