:root{--red:#e10600;--black:#050505;--black2:#101010;--white:#fff;--muted:#b7b7b7;--light:#f4f4f4;--line:#2a2a2a;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:var(--white)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,4,4,.94);backdrop-filter:blur(12px);border-bottom:1px solid #222}.nav-wrap{height:92px;display:flex;align-items:center;gap:28px}.brand img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}.main-nav{display:flex;align-items:center;gap:24px;flex:1}.main-nav a{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;position:relative}.main-nav a:hover:after{width:100%}.main-nav a:after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:3px;background:var(--red);transition:.25s}.header-actions{display:flex;align-items:center;gap:8px}.vitorra-mini{width:120px;height:40px;object-fit:cover;object-position:center;background:#000}.lang-btn{border:1px solid #333;background:#111;color:#fff;border-radius:50%;width:38px;height:38px;font-weight:700}.lang-btn.active{background:var(--red);border-color:var(--red)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(circle at 72% 35%,#2a0000 0,#080808 34%,#000 70%)}.hero-pattern{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 55%,rgba(225,6,0,.08) 55% 57%,transparent 57%),repeating-linear-gradient(135deg,transparent 0 45px,rgba(255,255,255,.02) 45px 70px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;align-items:center}.hero-copy{padding:70px 0}.eyebrow,.section-kicker{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:88px;line-height:.83;margin:18px 0}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--red)}.hero-text{max-width:570px;color:#ddd;font-size:20px;line-height:1.7}.hero-buttons{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 28px;border-radius:4px;text-transform:uppercase;font-weight:800;font-size:14px;border:0;cursor:pointer}.btn-primary{background:var(--red);color:#fff}.btn-outline{border:1px solid #777}.btn-white{background:#fff;color:#111}
/* Premium CSS-only hero visual: presentation layer only; no forms, data or admin logic changed */
.hero-visual{position:relative;height:560px;isolation:isolate;filter:drop-shadow(0 38px 55px rgba(0,0,0,.72))}.hero-visual:before{content:"";position:absolute;inset:34px -45px 30px 10px;z-index:-3;clip-path:polygon(26% 0,100% 0,82% 100%,0 100%);background:linear-gradient(120deg,rgba(35,0,0,.15),rgba(225,6,0,.9) 38%,#390000 39%,#080808 67%,#170000);border:1px solid rgba(255,55,48,.32);box-shadow:inset 0 0 80px rgba(255,0,0,.18),0 45px 100px #000}.hero-visual:after{content:"";position:absolute;inset:32px -20px 24px 32px;z-index:-2;clip-path:polygon(58% 0,72% 0,40% 100%,25% 100%);background:linear-gradient(180deg,#ff3228,#8b0000);opacity:.72;box-shadow:120px 0 0 rgba(255,0,0,.08),240px 0 0 rgba(255,255,255,.025)}.player-card{position:absolute;right:20px;top:55px;width:435px;height:455px;clip-path:none;background:radial-gradient(circle at 68% 40%,rgba(255,25,15,.25),transparent 33%),linear-gradient(145deg,rgba(23,23,23,.96),rgba(3,3,3,.99));border:1px solid rgba(255,255,255,.13);border-radius:30px;box-shadow:inset 0 0 0 1px rgba(225,6,0,.12),inset 0 -80px 110px rgba(0,0,0,.88),0 30px 80px #000;overflow:hidden;transform:rotate(-1deg)}.player-card:before{content:"K";position:absolute;right:26px;top:30px;width:238px;height:238px;border-radius:50%;display:grid;place-items:center;font:900 150px/1 'Barlow Condensed';font-style:italic;color:rgba(225,6,0,.24);border:2px solid rgba(255,255,255,.22);box-shadow:0 0 0 11px rgba(225,6,0,.10),0 0 0 13px rgba(255,255,255,.06),inset 0 0 35px rgba(225,6,0,.22);background:repeating-linear-gradient(130deg,rgba(255,255,255,.04) 0 2px,transparent 2px 8px),radial-gradient(circle,#1b1b1b,#050505 70%)}.player-card:after{content:"KARAGÜMRÜK\A HENTBOL\A 2017";white-space:pre;position:absolute;right:48px;top:107px;width:190px;text-align:center;font:800 22px/1.05 'Barlow Condensed';letter-spacing:1px;color:#fff;text-shadow:0 3px 16px #000}.jersey-number{position:absolute;left:35px;top:82px;z-index:4;font:900 176px/.8 'Barlow Condensed';font-style:italic;color:#fff;letter-spacing:-10px;text-shadow:5px 8px 0 #8d0000,0 18px 40px #000;transform:skew(-5deg)}.jersey-number:before{content:"KARAGÜMRÜK";position:absolute;left:16px;top:-31px;font:800 18px/1 'Barlow Condensed';letter-spacing:3px;color:#fff;text-shadow:none}.player-label{position:absolute;left:40px;bottom:34px;z-index:4;padding:14px 20px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(225,6,0,.2),rgba(0,0,0,.05));font:800 16px/1 'Barlow Condensed';letter-spacing:3px;color:#fff}.ball{z-index:5;border-radius:50%;background:radial-gradient(circle at 35% 28%,#eee 0 8%,#8b8b8b 9%,#313131 34%,#090909 67%,#000);border:3px solid #777;box-shadow:0 20px 45px #000,0 0 0 8px rgba(225,6,0,.1)}.ball:after{content:"";position:absolute;inset:17%;border:3px solid #999;border-radius:35% 60% 40% 55%;transform:rotate(32deg)}.ball-one{position:absolute;width:108px;height:108px;right:312px;top:20px}.ball-two{position:absolute;width:64px;height:64px;right:-3px;bottom:52px}.partner-badge{position:absolute;right:5px;bottom:5px;z-index:6;width:285px;border-left:3px solid var(--red);padding:10px 0 5px 18px;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent)}.partner-badge img{margin-top:5px;width:180px;height:54px;object-fit:cover}.quick-links{border-top:1px solid #272727;border-bottom:1px solid #272727;background:#0c0c0c}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr)}.quick-grid a{padding:28px 20px;border-right:1px solid #252525;display:grid;grid-template-columns:42px 1fr;gap:2px 14px}.quick-grid span{grid-row:1/3;color:var(--red);font:800 28px 'Barlow Condensed'}.quick-grid strong{font:700 20px 'Barlow Condensed';text-transform:uppercase}.quick-grid small{color:#aaa}.section{padding:90px 0}.dark-section{background:#050505}.light-section{background:#f3f3f3;color:#111}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2,.section h2{font:800 52px 'Barlow Condensed';text-transform:uppercase;margin:6px 0 20px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#111;border:1px solid #242424;border-radius:10px;overflow:hidden}.news-image{height:220px;background:linear-gradient(135deg,#480000,#111);position:relative}.news-image:after{content:"HENTBOL";position:absolute;bottom:18px;left:18px;font:800 42px 'Barlow Condensed';color:rgba(255,255,255,.12)}.news-body{padding:20px}.news-body time{color:var(--red);font-size:12px;font-weight:800}.news-body h3{font:700 26px 'Barlow Condensed';margin:8px 0}.news-body p{color:#aaa;line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.match-card{background:#111;color:#fff;border-left:4px solid var(--red);padding:28px;border-radius:8px}.match-teams{display:flex;align-items:center;justify-content:space-around}.team-logo img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:50%}.match-teams>strong{font:800 36px 'Barlow Condensed'}.opponent{text-align:center;font:800 30px 'Barlow Condensed'}.opponent span{color:var(--red)}.match-meta{margin-top:22px;padding-top:18px;border-top:1px solid #333;display:flex;gap:20px;flex-wrap:wrap;color:#ccc}.stats{display:flex;gap:34px;margin-top:28px}.stats div{display:flex;flex-direction:column}.stats strong{font:800 42px 'Barlow Condensed';color:var(--red)}.stats span{color:#666}.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.player{background:#101010;border:1px solid #292929;padding-bottom:20px}.player-photo{height:280px;background:linear-gradient(145deg,#320000,#151515);display:flex;align-items:center;justify-content:center;font:800 100px 'Barlow Condensed';color:rgba(255,255,255,.16)}.player h3,.player p{margin-left:18px;margin-right:18px}.player h3{font:700 25px 'Barlow Condensed';margin-bottom:5px}.player p{color:#888}.academy-section{background:linear-gradient(125deg,#101010 0 55%,#8b0000 55%);}.academy-grid,.membership-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.academy-grid p{line-height:1.8;color:#ccc;max-width:600px}.form-card{background:#fff;color:#111;padding:28px;border-radius:10px;display:grid;gap:14px;box-shadow:0 15px 50px rgba(0,0,0,.25)}.form-card h3{font:700 27px 'Barlow Condensed';margin:0 0 8px}.form-card input,.form-card select,.form-card textarea{width:100%;padding:14px;border:1px solid #d0d0d0;border-radius:5px;font:inherit}.form-card textarea{min-height:115px;resize:vertical}.form-note{font-size:12px;color:#777}.conditions{padding-left:20px;line-height:2}.check{font-size:14px}.donate-section{background:var(--red)}.donate-box{display:flex;align-items:center;justify-content:space-between;gap:40px}.donate-box .section-kicker{color:#fff}.donate-box h2{margin-bottom:8px}.donate-box p{max-width:760px}.donate-actions{display:flex;flex-direction:column;gap:10px;text-align:center}.sponsor-section{background:#fff;color:#111}.partner-banner{width:100%;border-radius:10px;box-shadow:0 15px 45px rgba(0,0,0,.15)}.dark-form{background:#111;color:#fff;border:1px solid #292929}.dark-form input,.dark-form textarea{background:#080808;color:#fff;border-color:#333}footer{background:#000;border-top:1px solid #222;padding:28px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;color:#999}.footer-grid img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:50%}
@media(max-width:1000px){.main-nav{position:absolute;display:none;top:92px;left:0;right:0;background:#080808;padding:25px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-actions .vitorra-mini{display:none}.hero-grid,.two-col,.academy-grid,.membership-grid,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:70px}.hero-visual{height:520px;max-width:620px;width:100%;margin:0 auto}.quick-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr 1fr}.players-grid{grid-template-columns:1fr 1fr}.academy-section{background:#101010}.donate-box{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.site-header .brand img{width:65px;height:65px}.nav-wrap{height:76px}.main-nav{top:76px}.hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy{padding:65px 0 20px}.hero h1{font-size:54px}.hero-text{font-size:16px}.hero-buttons{flex-direction:column}.hero-visual{height:430px;margin-top:8px}.hero-visual:before{inset:28px -80px 18px 0}.hero-visual:after{inset:30px -40px 20px 0}.player-card{right:0;top:48px;width:100%;height:340px;border-radius:22px}.jersey-number{font-size:118px;left:20px;top:73px}.jersey-number:before{font-size:13px;top:-23px}.player-card:before{width:175px;height:175px;right:12px;top:42px;font-size:105px}.player-card:after{right:27px;top:91px;width:145px;font-size:17px}.player-label{left:22px;bottom:25px;font-size:12px;letter-spacing:2px;padding:11px 12px}.ball-one{width:78px;height:78px;right:auto;left:4px;top:6px}.ball-two{width:50px;height:50px;right:-2px;bottom:28px}.partner-badge{right:0;bottom:0;width:220px}.partner-badge img{width:140px;height:44px}.quick-grid,.cards-grid,.players-grid{grid-template-columns:1fr}.section{padding:65px 0}.section-heading h2,.section h2{font-size:40px}.section-heading{align-items:flex-start;gap:20px}.match-meta{flex-direction:column}.stats{gap:20px}.donate-box{align-items:stretch}.footer-grid{flex-direction:column;gap:14px;text-align:center}}