:root{--bg:#0b1020;--card:#172036;--border:#2d3a56;--text:#f1f5ff;--muted:#b6c2da;--gold:#eec78a;--purple:#b7a3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,'Prompt',sans-serif}a{color:var(--gold);text-decoration:none}header{border-bottom:1px solid var(--border);padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}nav{display:flex;gap:15px;flex-wrap:wrap}.logo{font-size:24px;font-weight:800;color:white}.logo span{color:var(--gold)}main{max-width:1100px;margin:auto;padding:36px 18px 90px}.hero{text-align:center;padding:40px 0}h1{font-size:clamp(29px,5vw,52px);line-height:1.2}h2{font-size:24px}.muted,small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:25px;margin:14px 0}.button,button{background:var(--gold);color:#151622;border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer;display:inline-block}.secondary{background:#343e5d;color:white}input,select,textarea{width:100%;background:#0c1527;border:1px solid #4a5673;border-radius:9px;color:white;padding:11px;margin:5px 0 15px;font:inherit}label{font-weight:600}form{max-width:700px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.alert{padding:12px;border:1px solid var(--gold);border-radius:9px;margin:15px 0}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--border);text-align:left}img.cover{max-width:100%;max-height:380px;border-radius:15px} .tag{border:1px solid var(--border);padding:4px 10px;border-radius:20px;color:var(--muted)}.stat{font-size:34px;font-weight:800;color:var(--gold)}@media(max-width:600px){table{font-size:13px}td,th{padding:5px}.card{padding:17px}}

/* Three-service landing page */
.hero+.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.hero+.grid>.card{margin:0;display:flex;flex-direction:column;gap:8px;min-height:295px}
.hero+.grid>.card p{margin:0 0 10px}.hero+.grid>.card .button{margin-top:auto;text-align:center}
.sport-card{background:linear-gradient(145deg,#17334b,#172036 70%);border-color:#397b93}
.service-icon{font-size:36px;line-height:1.1}.service-price{font-weight:700;color:#eec78a}
@media(max-width:950px){.hero+.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero+.grid{grid-template-columns:1fr}.hero+.grid>.card{min-height:0}}

/* Tailwind-enhanced presentation; legacy class hooks remain for PHP templates */
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
header{box-shadow:0 2px 22px #02061722}
nav a{transition:color .18s ease}nav a:hover{color:#fff}
.card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-2px);border-color:#5b7098;box-shadow:0 12px 28px #0002}
.button,button{transition:filter .18s ease,transform .18s ease}.button:hover,button:hover{filter:brightness(1.07);transform:translateY(-1px)}
input:focus,select:focus,textarea:focus{outline:2px solid #eec78a;outline-offset:2px}
.hero+.grid>.card h2{font-size:clamp(1.2rem,2vw,1.5rem);overflow-wrap:anywhere}
.hero+.grid>.card{justify-content:flex-start}
.hero+.grid>.card .button{width:100%}
@media(prefers-reduced-motion:reduce){.card,.button,button{transition:none!important;transform:none!important}}