:root{
  --purple:#6f20d9; --deep:#17062f; --purple2:#a84dff;
  --yellow:#ffe21a; --teal:#19e6dc; --ink:#0b0712; --muted:#d9d2e6;
  --card:#24113e; --line:rgba(255,226,26,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.header{position:sticky;top:0;z-index:100;background:rgba(11,7,18,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(25,230,220,.25);display:flex;align-items:center;gap:24px;padding:10px 4%;min-height:82px}
.logo{width:220px;height:66px;object-fit:contain;mix-blend-mode:screen}
.menu{display:none;margin-left:auto;border:1px solid var(--teal);background:transparent;color:#fff;border-radius:10px;font-size:26px;padding:5px 11px}
.nav{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.5px;color:#f4effa}
.nav a:hover{color:var(--yellow)}
.nav .cta{padding:11px 15px;border:1px solid var(--yellow);border-radius:999px;color:var(--yellow)}
.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:
 radial-gradient(circle at 80% 30%,rgba(25,230,220,.28),transparent 28%),
 radial-gradient(circle at 20% 70%,rgba(168,77,255,.42),transparent 34%),
 linear-gradient(120deg,#19052f,#4c149c 55%,#006d70)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,3,18,.78),rgba(10,3,18,.25) 58%,rgba(10,3,18,.35))}
.hero-content{position:relative;z-index:2;max-width:900px;padding:90px 7%}
.eyebrow{margin:0 0 10px;color:var(--teal);font-size:13px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}
.hero h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,82px);line-height:.98;letter-spacing:-2px;margin:0}
.hero h1 span{color:var(--yellow)}
.hero-sub{font-size:18px;font-weight:800;letter-spacing:2px;margin:25px 0;color:#fff}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;border:0;border-radius:999px;padding:14px 22px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.6px;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--yellow),var(--teal));color:#17062f}
.btn-outline{border:1px solid var(--teal);background:rgba(23,6,47,.4);color:var(--yellow)}
.section{padding:85px 6%}
.section-head{text-align:center;max-width:900px;margin:0 auto 42px}
.section-head h2{font:44px Georgia,serif;margin:0 0 12px}
.section-head p:not(.eyebrow){color:var(--muted)}
.line{height:4px;width:72px;background:linear-gradient(90deg,var(--yellow),var(--teal));margin:18px auto;border-radius:99px}
.gallery{background:linear-gradient(135deg,#19052f,#6f20d9 55%,#006d70);padding:80px 5%}
.slider{max-width:1150px;margin:auto;display:grid;grid-template-columns:52px 1fr 52px;gap:14px;align-items:center}
.frame{height:min(62vw,610px);min-height:360px;position:relative;overflow:hidden;border:3px solid var(--yellow);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.slide.active{opacity:1}
.arrow{width:52px;height:52px;border-radius:50%;border:2px solid var(--teal);background:var(--deep);color:var(--yellow);font-size:25px;cursor:pointer}
.dots{text-align:center;margin-top:18px}
.dot{width:11px;height:11px;border-radius:50%;border:0;background:var(--purple2);margin:0 4px;cursor:pointer}
.dot.active{background:var(--yellow)}
.divisions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1300px;margin:auto}
.division{background:linear-gradient(145deg,#32115a,#14081f);border:1px solid rgba(25,230,220,.25);border-radius:20px;padding:30px 22px;text-align:center;transition:.25s}
.division:hover{transform:translateY(-6px);border-color:var(--yellow);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.division .icon{font-size:35px}
.division h3{font:28px Georgia,serif;color:var(--yellow);margin:12px 0 8px}
.division p{color:var(--muted);font-size:14px}
.event{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,#21073c,#5a1cb0 55%,#006d70)}
.event img{width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.4))}
.event h2{font:52px Georgia,serif;margin:0;color:#fff}
.event h2 span{color:var(--yellow)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#10071b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{text-align:center;padding:38px 15px;border-right:1px solid rgba(255,255,255,.08)}
.stat:last-child{border-right:0}
.stat strong{display:block;font:46px Georgia,serif;color:var(--yellow)}
.stat span{font-weight:900;text-transform:uppercase}
.stat small{display:block;color:#aaa;margin-top:5px}
.services{background:#0c0712}
.service-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-card{background:linear-gradient(145deg,#2b1249,#160a25);border:1px solid rgba(25,230,220,.22);border-radius:14px;overflow:hidden}
.service-head{width:100%;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:12px;text-align:left;background:transparent;color:#fff;border:0;padding:18px 20px;cursor:pointer}
.service-icon{font-size:25px}.service-title{font-weight:900;font-size:16px}.service-plus{color:var(--yellow);font-size:26px;text-align:right}
.service-body{display:none;padding:0 20px 20px}.service-card.open .service-body{display:block}.service-card.open{border-color:var(--yellow)}
.service-body ul{margin:0;padding-left:22px;columns:2}.service-body li{color:#ddd;padding:4px 0;font-size:13px}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;max-width:1200px;margin:auto;align-items:center}
.split h2{font:50px Georgia,serif;margin:0}.split h2 span{color:var(--yellow)}
.lead{font-size:18px;color:var(--muted)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.checks div{color:#eee}
.quote{background:linear-gradient(145deg,#35115c,#0f0719);border:1px solid var(--teal);border-radius:22px;padding:42px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.quote-mark{font:90px Georgia,serif;color:var(--yellow);line-height:.4}.quote h3{font:32px Georgia,serif}
.portfolio{background:linear-gradient(180deg,#0c0712,#17062f)}
.port-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.port-card{min-height:230px;border-radius:18px;border:1px solid rgba(255,226,26,.25);display:flex;align-items:end;padding:20px;background:linear-gradient(135deg,#4e149b,#1a0832)}
.port-card:nth-child(2){background:linear-gradient(135deg,#8a1dbd,#28103f)}.port-card:nth-child(3){background:linear-gradient(135deg,#007f82,#092d35)}.port-card:nth-child(4){background:linear-gradient(135deg,#e33a87,#3b0b57)}
.port-card span{font:25px Georgia,serif}
.sponsor{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(90deg,#6f20d9,#2a0d4d,#006d70);padding:55px 7%;border-block:1px solid var(--line)}
.sponsor h2{font:40px Georgia,serif;margin:0 0 8px}.sponsor p{color:#eee;max-width:700px}
.contact{background:#09050e}.contact-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
.info{display:grid;gap:13px}.info-card{padding:18px 20px;border-left:3px solid var(--yellow);background:#171020;border-radius:0 12px 12px 0}.info-card b{display:block;color:var(--teal);font-size:11px;letter-spacing:1px}.info-card a,.info-card span{font-size:17px;text-decoration:none}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;background:#130c1c;color:#fff;border:1px solid #4d3a62;border-radius:10px;padding:14px;font:inherit}.form select,.form textarea,.form .form-note{grid-column:1/-1}.form textarea{min-height:140px;resize:vertical}.form-note{color:var(--teal);margin:0}
footer{background:#050309;border-top:1px solid rgba(255,255,255,.08)}.footer{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:35px;max-width:1250px;margin:auto;padding:55px 6%}.footer img{width:220px;height:110px;object-fit:contain;mix-blend-mode:screen}.footer h4{color:var(--yellow);text-transform:uppercase}.footer a{display:block;text-decoration:none;color:#bbb;margin:7px 0;font-size:13px}.footer a:hover{color:#fff}.copy{text-align:center;border-top:1px solid #17121c;color:#777;padding:18px;font-size:11px;letter-spacing:1.5px}
@media(max-width:1050px){.divisions,.port-grid{grid-template-columns:1fr 1fr}.nav{gap:10px}.nav a{font-size:10px}}
@media(max-width:760px){
 .header{min-height:74px}.logo{width:185px;height:58px}.menu{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0b0712;padding:18px 6%;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--teal)}.nav.open{display:flex}.nav a{font-size:12px;padding:8px 0}.nav .cta{text-align:center}
 .hero{min-height:650px}.hero-content{padding:80px 7%}.hero h1{font-size:45px}.hero-sub{font-size:14px}.actions{flex-direction:column;align-items:flex-start}
 .section{padding:65px 5%}.section-head h2{font-size:34px}.slider{grid-template-columns:42px 1fr 42px}.frame{height:125vw;min-height:360px}.arrow{width:42px;height:42px;font-size:20px}
 .divisions,.service-grid,.event,.split,.contact-grid,.footer,.port-grid,.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.event h2{font-size:40px}.service-body ul{columns:1}.checks{grid-template-columns:1fr}.sponsor{flex-direction:column;align-items:flex-start}.form{grid-template-columns:1fr}.form select,.form textarea,.form .form-note{grid-column:1}
}