:root{--charcoal:#222229;--black:#0f1015;--cyan:#08A9E6;--cyan2:#0FC3FF;--gold:#D8B45A;--gold2:#F0CC73;--muted:#d8d8d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:white;line-height:1.6;background:radial-gradient(circle at 20% 8%,rgba(8,169,230,.18),transparent 30%),radial-gradient(circle at 85% 5%,rgba(216,180,90,.16),transparent 26%),linear-gradient(180deg,var(--charcoal),var(--black))}
a{color:inherit}.topbar{background:#090a0e;color:var(--gold2);text-align:center;padding:.7rem 1rem;font-size:.92rem;border-bottom:1px solid rgba(216,180,90,.45)}
header{position:sticky;top:0;z-index:100;background:rgba(34,34,41,.96);border-bottom:3px solid var(--cyan);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.nav{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none}
.brand img{width:78px;height:78px;object-fit:contain;border-radius:50%;background:#222229;box-shadow:0 0 0 3px var(--gold),0 0 0 7px rgba(8,169,230,.20)}
.brand-title{font-family:Georgia,serif;font-weight:800;text-transform:uppercase;font-size:1rem;letter-spacing:.05em;line-height:1.16}.brand-sub{color:var(--gold2);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.25rem}
nav ul{display:flex;flex-wrap:wrap;list-style:none;gap:.85rem;padding:0;margin:0;align-items:center;font-weight:700;font-size:.9rem}nav a{text-decoration:none}nav a:hover{color:var(--cyan2)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#121212!important;padding:12px 18px;border-radius:999px;font-weight:900;text-decoration:none!important;margin:5px;border:0;cursor:pointer}.btn.cyan{background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#061018!important}.btn.outline{background:transparent;color:white!important;border:2px solid var(--gold)}
.hero{min-height:640px;display:grid;place-items:center;text-align:center;padding:5rem 1rem;background:radial-gradient(circle at center,rgba(8,169,230,.33),transparent 24%),radial-gradient(circle at 20% 18%,rgba(216,180,90,.28),transparent 20%),linear-gradient(135deg,#25252c 0%,#15161c 55%,#090a0e 100%);border-bottom:1px solid rgba(216,180,90,.32)}
.hero-inner{max-width:1060px}.seal{width:165px;height:165px;object-fit:contain;border-radius:50%;background:#222229;margin-bottom:1.2rem;box-shadow:0 0 0 4px var(--gold),0 0 0 10px rgba(8,169,230,.18),0 0 55px rgba(8,169,230,.25)}
h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(2.3rem,6vw,5.4rem);line-height:1;margin:0 0 1rem}.motto{color:var(--gold2);font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin-bottom:1.2rem}
section{padding:4rem 1rem}.container{max-width:1180px;margin:auto}.section-title{text-align:center;color:white;font-size:clamp(2rem,4vw,3rem);margin:0}.ornament{width:130px;height:5px;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--cyan));border-radius:999px;margin:1rem auto 2rem}.subtitle{max-width:850px;margin:0 auto 2rem;text-align:center;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,#292a32,#17181e);border-radius:24px;padding:1.45rem;box-shadow:0 18px 48px rgba(0,0,0,.36);border:1px solid rgba(216,180,90,.28);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--cyan),var(--gold))}
.card h3{color:var(--gold2);margin:.7rem 0}.video-link-box{border-radius:22px;min-height:220px;margin-top:14px;background:radial-gradient(circle at center,rgba(8,169,230,.26),transparent 35%),linear-gradient(135deg,#202128,#0f1015);border:2px solid rgba(8,169,230,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.play{font-size:54px;color:var(--cyan2);text-shadow:0 0 20px rgba(8,169,230,.5)}
.notice{margin-top:1rem;background:rgba(216,180,90,.12);color:rgba(255,255,255,.92);border-left:6px solid var(--gold);padding:1rem;border-radius:15px;font-size:.94rem}form{background:rgba(255,255,255,.06);padding:1rem;border-radius:18px;border:1px solid rgba(8,169,230,.25)}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(216,180,90,.3);margin:.35rem 0 1rem;background:#101116;color:white}label{font-weight:bold;color:var(--gold2)}
footer{background:#090a0e;color:white;text-align:center;padding:2.5rem 1rem;border-top:3px solid var(--cyan)}footer strong{color:var(--gold2)}footer small{display:block;max-width:900px;margin:1rem auto 0;opacity:.86}
@media(max-width:900px){.nav{flex-direction:column;text-align:center}nav ul{justify-content:center}.grid,.grid.two{grid-template-columns:1fr}.hero{min-height:auto}.seal{width:125px;height:125px}}