@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--purple:#a35af6;--deep:#160b25;--ink:#17121e;--paper:#f6f3f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{background:#120a1d;color:#c8b5db;padding:10px 5%;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:2px}.header{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 5%;box-shadow:0 2px 16px #160b2510}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:29px;line-height:.85;letter-spacing:1px}.brand small{display:block;color:#9150df;font-size:15px;letter-spacing:4px;margin-top:7px}.brand-mark{width:52px;height:52px;border-radius:50%;background:var(--deep);border:3px solid var(--purple);color:#fff;display:grid;place-items:center;font-size:38px;position:relative;transform:skew(-8deg)}.brand-mark span{font-size:10px;position:absolute;right:4px;top:5px;color:var(--purple)}nav{display:flex;align-items:center;gap:27px}nav a{font-size:12px;font-weight:800;letter-spacing:1px}nav a:hover,.text-link:hover{color:#9344eb}.nav-cta{background:var(--deep);color:white;padding:16px 20px}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:690px;background:radial-gradient(ellipse at 76% 45%,#6025a7 0%,#241037 40%,#0d0815 80%);position:relative;overflow:hidden;color:white;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:-50% -25%;background:repeating-conic-gradient(from 25deg at 75% 55%,transparent 0deg 15deg,#a55bf415 16deg 21deg,transparent 22deg 45deg);transform:rotate(-10deg)}.hero-art{position:absolute;right:7%;top:15%;width:370px;height:370px;border:50px solid #aa64fa22;border-radius:50%;box-shadow:0 0 0 50px #aa64fa10,0 0 0 110px #aa64fa09;transform:rotate(-20deg)}.hero-art:after{content:'T';font-family:'Barlow Condensed';font-size:360px;font-weight:900;position:absolute;top:-67px;left:50px;color:#ffffff12}.hero-inner{position:relative;z-index:1;padding:85px 8%;max-width:1000px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#c68bff}.eyebrow.purple{color:#8d40d9}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;margin:0;line-height:.88;letter-spacing:.3px}h1{font-size:clamp(75px,11vw,155px);margin:22px 0}h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-sub{max-width:520px;line-height:1.7;color:#e4d9ef;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 24px;border:0;font-weight:800;font-size:12px;letter-spacing:1px}.primary{background:var(--purple);color:#150c20}.primary:hover{background:#bd8af8}.outline{border:1px solid #ffffff80;color:white}.outline:hover{background:#ffffff22}.hero-bottom{position:absolute;bottom:24px;left:8%;right:8%;display:flex;justify-content:space-between;color:#c7b5d6;font-size:10px;letter-spacing:2px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--purple);padding:25px 8%}.stats>div{display:flex;gap:18px;align-items:center;justify-content:center;border-right:1px solid #160b2525}.stats>div:last-child{border:0}.stats strong{font-family:'Barlow Condensed';font-size:43px;font-weight:900}.stats span{font-size:11px;font-weight:800;letter-spacing:1.5px}.section{padding:110px 8%;scroll-margin-top:80px}.section h2{font-size:clamp(62px,7.5vw,106px);margin:18px 0 30px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-copy{font-size:17px;line-height:1.85;color:#554e5b}.text-link{display:inline-block;color:#7028bd;font-size:13px;font-weight:900;letter-spacing:1px;margin-top:16px}.dark-section{background:#160b25;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{max-width:330px;line-height:1.7;color:#88818d}.dark-section .section-head>p{color:#c4b7ce}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.team-card{background:white;color:var(--ink)}.team-photo{height:270px;background:linear-gradient(135deg,#2c1047,#7936c0 65%,#b66cff);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.team-photo:after{content:'';position:absolute;width:280px;height:280px;border:45px solid #ffffff17;border-radius:50%;right:-80px;top:-110px}.photo-icon{font-size:115px;filter:drop-shadow(0 12px 18px #160b2580)}.photo-label{position:absolute;bottom:20px;left:25px;font-family:'Barlow Condensed';font-size:60px;font-weight:900;color:#ffffff30}.team-photo.future{background:linear-gradient(130deg,#38244e,#1b1227)}.team-detail{padding:30px}.pill{font-size:10px;font-weight:900;letter-spacing:2px;color:#8b3cdb}.team-detail h3{font-size:44px;margin:12px 0}.team-detail p{color:#716a77;line-height:1.6}.team-detail a{display:inline-block;margin-top:18px;font-size:12px;font-weight:900;color:#7631be}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.player{background:white;border:1px solid #e7e0ee;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;overflow:hidden}.player:after{content:'★';position:absolute;right:-12px;top:12px;color:#a35af61a;font-size:145px}.player-number{font-family:'Barlow Condensed';font-size:85px;font-weight:900;color:#8e3ed7;line-height:1}.player h3{font-size:30px;position:relative}.player p{font-size:11px;font-weight:700;letter-spacing:1px;color:#716a77}.note{font-size:12px;color:#847a8d;margin-top:20px}.note.light{color:#c8b6d5}.schedule-section{background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid #ddd3e6;background:white;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:1px}.filter.active{background:var(--deep);color:white}.event{display:grid;grid-template-columns:95px 1fr auto;gap:25px;align-items:center;border-bottom:1px solid #e7e0eb;padding:23px 0}.event-date{background:#efe3fa;padding:14px;text-align:center;font-family:'Barlow Condensed';font-size:28px;font-weight:900}.event-date small{display:block;font:800 10px 'DM Sans';letter-spacing:1px}.event h3{font-size:28px;margin-bottom:6px}.event p{margin:0;color:#776e7d;font-size:13px}.event-type{font-size:11px;font-weight:900;color:#8a41d1;letter-spacing:1px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.highlight-tile{min-height:360px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#6b2db2,#2b1642);position:relative;overflow:hidden}.highlight-tile:after{content:'★';font-size:290px;color:#ffffff0c;position:absolute;right:-30px;top:0}.highlight-tile.h2{background:linear-gradient(145deg,#37204f,#8c48ce)}.highlight-tile.h3{background:linear-gradient(145deg,#4a2177,#150d22)}.highlight-tile span{font-size:11px;letter-spacing:2px;font-weight:800;color:#e2c8fa}.highlight-tile h3{font-size:51px;position:relative;z-index:1}.sponsors{text-align:center}.sponsors>p:not(.eyebrow){max-width:600px;margin:0 auto 35px;line-height:1.8;color:#6c6273}.sponsor-box{max-width:780px;margin:auto;border:2px dashed #cdb6e3;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.sponsor-box span{font-family:'Barlow Condensed';font-size:32px;font-weight:900;line-height:1}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#221232;color:white}.contact-section p:not(.eyebrow){color:#c8b8d4;line-height:1.8}.contact-section form{display:grid;gap:15px}.contact-section label{font-size:12px;font-weight:800;letter-spacing:.5px}.contact-section input,.contact-section select,.contact-section textarea{display:block;width:100%;margin-top:9px;border:1px solid #5a466b;background:#321e45;color:white;padding:15px;outline:0;border-radius:0}.contact-section input:focus,.contact-section textarea:focus{border-color:var(--purple)}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#b7a8c2}.hidden{display:none}footer{background:#100819;color:white;padding:40px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:11px;letter-spacing:2px;font-weight:800}footer>small{color:#a99bb2}@media(max-width:900px){nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:25px 6%;box-shadow:0 20px 30px #0002}nav.open{display:flex}.menu{display:block}.about,.contact-section{grid-template-columns:1fr}.roster-grid{grid-template-columns:repeat(2,1fr)}.highlight-grid{grid-template-columns:1fr 1fr}.hero-art{right:-180px}.section{padding:75px 6%}}@media(max-width:600px){.topbar span:last-child{display:none}.header{padding:13px 5%}.hero{min-height:620px}.hero-inner{padding:70px 6%}.hero-bottom{left:6%;right:6%}.hero-bottom span:last-child{display:none}.stats{padding:22px 3%}.stats>div{flex-direction:column;gap:0}.stats strong{font-size:31px}.stats span{font-size:8px;text-align:center}.section-head{display:block}.team-grid,.highlight-grid{grid-template-columns:1fr}.roster-grid{gap:10px}.player{min-height:210px;padding:15px}.player-number{font-size:65px}.player h3{font-size:24px}.event{grid-template-columns:70px 1fr;gap:14px}.event-type{grid-column:2}.sponsor-box{flex-direction:column;text-align:center}footer{flex-direction:column;text-align:center}.section h2{font-size:65px}}

/* Twister team photo and actual jersey-inspired colors */
:root{--purple:#ff2495;--deep:#170b22}
.hero{background:linear-gradient(90deg,rgba(12,7,20,.95) 0%,rgba(20,8,31,.87) 39%,rgba(20,8,31,.27) 100%),url('assets/twister-team.webp') center 42%/cover no-repeat}
.hero:before,.hero-art{display:none}
.hero-inner{max-width:900px}
.team-photo.real-team{background:#24152b}
.team-photo.real-team:after{display:none}
.team-photo.real-team img{height:100%;width:100%;object-fit:cover;object-position:center 43%}
.brand small,.eyebrow.purple,.pill,.team-detail a,.event-type{color:#db1680}
.primary{color:#fff}
@media(max-width:600px){.hero{background:linear-gradient(90deg,rgba(12,7,20,.86),rgba(20,8,31,.57)),url('assets/twister-team.webp') 52% center/cover no-repeat}}