*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;text-align:center;background:#10191c; background-image:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.55)),url('/tcj-hero.webp');background-size:cover;background-position:center;background-attachment:fixed}
.panel{width:100%;max-width:760px;padding:44px 30px 28px;background:rgba(12,12,12,.72);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
h1{margin:0;font-size:clamp(36px,9.3vw,78px);font-weight:900;line-height:.99;letter-spacing:1px;text-transform:uppercase;overflow-wrap:break-word}
h1 span{display:block}.subtitle{margin-top:16px;color:#21b6e7;font-size:clamp(13px,2.7vw,21px);font-weight:700;letter-spacing:3px;text-transform:uppercase}
h2{margin:24px 0 14px;font-size:clamp(27px,5vw,38px)}
.description{max-width:640px;margin:0 auto;font-size:17px;line-height:1.65}
footer{margin-top:28px;font-size:14px;line-height:1.7;color:#ddd}
a{color:#71d6ff;text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:2px solid #71d6ff;outline-offset:3px}
footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:12px}
.content-panel{text-align:left;max-width:760px}
.content-panel h1{font-size:clamp(30px,6vw,46px);line-height:1.12}
.content-panel h2{font-size:22px;margin:24px 0 8px}
.content-panel p,.content-panel li{font-size:16px;line-height:1.65;color:#f0f0f0}
.content-panel ul{padding-left:24px}
.home-link{display:inline-block;margin-bottom:22px}
@media(max-width:480px){.panel{padding:34px 16px 24px;border-radius:16px}h1{font-size:clamp(31px,9vw,46px)}.subtitle{letter-spacing:2px}.description{font-size:15px}body{background-attachment:scroll;background-position:center 84%}}