@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Work+Sans:wght@300;400;600;700&display=swap');:root { --primary-color: #0f2439; --primary-dark: #081621; --secondary-color: #f0f4f8; --accent-color: #ff6b35; --text-color: #475569; --text-light: #64748b; --white: #ffffff; --beige: #e3f2fd; --border-color: #bbdefb; --transition-speed: 0.3s; --font-size-base: 18px; --font-weight-light: 300; --font-weight-regular: 300; --font-weight-medium: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --letter-spacing-tight: 0.01em; --letter-spacing-normal: 0.02em; --letter-spacing-wide: 0.05em; --letter-spacing-wider: 0.1em; --line-height-base: 1.8; --line-height-relaxed: 1.8; --spacing-xs: 20px; --spacing-sm: 30px; --spacing-md: 40px; --spacing-lg: 60px; --spacing-xl: 80px; --spacing-2xl: 120px;}@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); }}@keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); }}*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box;}html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}img,picture,video,canvas,svg { display: block; max-width: 100%;}input,button,textarea,select { font: inherit;}h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit;}p,h1,h2,h3,h4,h5,h6 { overflow-wrap: break-word;}body { font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--text-color); background-color: var(--white); font-weight: var(--font-weight-regular); letter-spacing: var(--letter-spacing-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}.hero-title,.title-line,.section-title,.about-title,.card-title,h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; letter-spacing: 0.02em; text-transform: uppercase;}.container { max-width: 1400px; margin: 0 auto; padding: 0 80px;}.container-full { max-width: 1400px; margin: 0 auto;}.section { padding: var(--spacing-2xl) 0;}.bg-light { background-color: var(--white);}.bg-light .section-label { color: var(--accent-color); background-color: var(--primary-color);}.header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--white); border-bottom: 1px solid var(--border-color); z-index: 1000; transition: all var(--transition-speed);}.header.scrolled { background-color: var(--white);}.nav { display: flex; justify-content: space-between; align-items: center; padding: 20px;}.nav-brand { display: flex; align-items: center;}.brand-logo { height: 60px; width: auto;}.nav-menu { display: flex; list-style: none; gap: 30px;}.nav-link { text-decoration: none; color: var(--text-color); font-weight: var(--font-weight-regular); transition: color var(--transition-speed); position: relative; letter-spacing: var(--letter-spacing-normal);}.nav-link:hover { color: var(--primary-color);}.nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: var(--accent-color); transition: width var(--transition-speed);}.nav-link:hover::after { width: 100%;}.nav-toggle { display: none; background: none; border: none; cursor: pointer; color: var(--primary-color);}.hero { position: relative; min-height: 90vh; display: flex; align-items: center; margin-top: 80px; background: linear-gradient(135deg, #081621 0%, #0f2439 50%, #1a3a52 100%); overflow: hidden;}.hero-grid { position: relative; width: 100%; min-height: 90vh; display: flex; align-items: center;}.hero-logo-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; max-width: 60vw; height: auto; opacity: 0.06; pointer-events: none; z-index: 1;}.hero-logo-bg img { width: 100%; height: auto; display: block;}.hero-content { position: relative; z-index: 2; max-width: 1400px; width: 100%; margin: 0 auto; padding: 80px; color: var(--white);}.hero-text { max-width: 700px;}.hero-tagline { font-size: 14px; font-weight: 300; letter-spacing: 4px; color: var(--accent-color); margin-bottom: 30px; text-transform: uppercase; position: relative; padding-left: 60px; text-shadow: 0 1px 2px rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.2); animation: fadeInUp 0.8s ease-out forwards; opacity: 0;}.hero-tagline::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 45px; height: 1px; background: var(--accent-color); box-shadow: 0 1px 4px rgba(0,0,0,0.3);}.hero-title { margin-bottom: 30px; line-height: 1;}.hero-title .title-line:nth-child(1) { animation: fadeInUp 0.8s ease-out 0.2s forwards; opacity: 0;}.hero-title .title-line:nth-child(2) { animation: fadeInUp 0.8s ease-out 0.4s forwards; opacity: 0;}.title-line { display: block; font-size: clamp(48px, 8vw, 92px); letter-spacing: -2px; color: var(--white); text-transform: uppercase; line-height: 0.95; margin-bottom: 25px; text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 4px 12px rgba(0,0,0,0.25), 0 8px 24px rgba(0,0,0,0.2);}.title-line-location { position: relative; display: inline-block; padding: 15px 30px; background: #ffffff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);}.germany-colors { background: linear-gradient(to bottom, #000000 0%, #000000 33%, #DD0000 33%, #DD0000 66%, #FFCE00 66%, #FFCE00 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-right: 20px;}.year-black { color: #000000;}.hero-subtitle { font-size: clamp(18px, 2.2vw, 24px); font-weight: 300; margin-bottom: 40px; letter-spacing: 0px; line-height: 1.5; max-width: 500px; text-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 2px 8px rgba(0,0,0,0.15); animation: fadeInUp 0.8s ease-out 0.6s forwards; opacity: 0; white-space: nowrap;}.hero-actions { display: flex; gap: 20px; animation: fadeInUp 0.8s ease-out 0.8s forwards; opacity: 0;}.hero-image { position: absolute; top: 0; right: 0; width: 70%; height: 100%; overflow: hidden; z-index: 1; mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 8%, rgba(0,0,0,0.6) 18%, black 28% ); -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 8%, rgba(0,0,0,0.6) 18%, black 28% ); animation: fadeInScale 1s ease-out 0.3s forwards; opacity: 0;}.hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; opacity: 1;}.hero-image::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, transparent 0%, transparent 65%, rgba(200, 213, 0, 0.15) 85%, rgba(200, 213, 0, 0.25) 100% ); z-index: 1; pointer-events: none;}.hero-image::after { content: ''; position: absolute; bottom: 0; right: 0; width: 300px; height: 300px; background: radial-gradient(circle, rgba(200,213,0,0.1) 0%, transparent 70%); pointer-events: none; z-index: 2;}.hero-powered { margin-top: 60px; color: var(--white); font-size: 11px; font-weight: 300; opacity: 0.6; letter-spacing: 0.5px; text-shadow: 0 1px 3px rgba(0,0,0,0.3); animation: fadeInUp 0.8s ease-out 1s forwards;}.btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 16px; font-weight: var(--font-weight-regular); text-decoration: none; transition: all var(--transition-speed); cursor: pointer; border: 2px solid transparent; text-transform: uppercase; letter-spacing: var(--letter-spacing-wider);}.btn svg { width: 20px; height: 20px;}.btn-primary { background-color: var(--accent-color); color: var(--primary-color); border-color: var(--accent-color);}.btn-primary:hover { background-color: var(--primary-color); color: var(--accent-color); border-color: var(--primary-color);}.btn-secondary { background-color: transparent; color: var(--white); border-color: var(--white);}.btn-secondary:hover { background-color: var(--white); color: var(--primary-color); border-color: var(--white);}.btn-large { padding: 20px 40px; font-size: 18px;}.section-header { text-align: center; margin-bottom: var(--spacing-xl);}.section-title { font-size: clamp(36px, 5vw, 54px); font-weight: var(--font-weight-bold); color: var(--primary-color); margin-bottom: 12px; letter-spacing: var(--letter-spacing-tight); text-transform: uppercase;}.section-subtitle { font-size: clamp(18px, 2vw, 20px); color: var(--text-color); font-weight: var(--font-weight-regular); letter-spacing: var(--letter-spacing-normal);}.about-layout { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: start;}.about-main { padding: 0 80px 80px 80px;}.about-title { font-size: clamp(36px, 5vw, 54px); font-weight: var(--font-weight-bold); color: var(--primary-color); margin-bottom: var(--spacing-xs); letter-spacing: var(--letter-spacing-tight); text-transform: uppercase; line-height: 1.2;}.title-accent { width: 80px; height: 4px; background-color: var(--accent-color); margin-bottom: var(--spacing-md);}.about-description { font-size: 18px; line-height: var(--line-height-relaxed); color: var(--text-color); margin-bottom: var(--spacing-lg); letter-spacing: var(--letter-spacing-normal);}.about-images { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0; height: 100%; min-height: 600px;}.about-image-item { width: 100%; height: 100%; overflow: hidden; position: relative;}.about-image-large { grid-row: 1 / 3; grid-column: 1 / 3;}.about-image-wide { grid-column: 3 / 5;}.about-image-item img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; transition: transform 0.6s ease;}.about-image-item img[src="player-jump.jpg"] { object-position: 60% center;}.about-image-item:hover img { transform: scale(1.08);}.image-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 70%, transparent 100%); color: var(--white); z-index: 2; transition: all 0.4s ease;}.about-image-item:hover .image-overlay { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.2) 100%);}.overlay-label { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-color); margin-bottom: 8px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}.overlay-title { font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 6px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: -0.02em;}.about-image-wide .overlay-title { font-size: 20px;}.overlay-text { font-size: 14px; font-weight: 300; line-height: 1.4; opacity: 0.9; letter-spacing: 0.01em;}.bg-dark { background-color: var(--primary-dark); color: var(--white); position: relative; overflow: hidden;}.vision-wrapper { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 80px;}.vision-content { display: flex; flex-direction: column; gap: 80px; position: relative; z-index: 2;}.vision-block { display: grid; grid-template-columns: 200px 1fr; gap: 60px; align-items: start;}.vision-block-offset { margin-left: 150px;}.vision-number { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(120px, 15vw, 180px); font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: 2px rgba(200, 213, 0, 0.3); text-stroke: 2px rgba(200, 213, 0, 0.3); user-select: none;}.vision-info { padding-top: 20px;}.vision-label { font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent-color); margin-bottom: 20px;}.vision-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(32px, 5vw, 48px); font-weight: 700; color: var(--white); letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.1; margin-bottom: 25px;}.vision-decorator { width: 80px; height: 4px; background: linear-gradient(90deg, var(--accent-color) 0%, transparent 100%); margin-bottom: 25px;}.vision-text { font-size: 18px; line-height: 1.8; color: rgba(255, 255, 255, 0.85); font-weight: 300; letter-spacing: 0.01em; max-width: 600px;}.vision-pattern { position: absolute; top: 50%; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(200, 213, 0, 0.08) 0%, transparent 70%); border-radius: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;}.vision-logo-decor { position: absolute; top: 20px; right: 20px; opacity: 0.12; pointer-events: none; z-index: 1; width: 450px; height: auto;}.vision-logo-decor img { width: 100%; height: auto; display: block;}.card-icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background-color: var(--white); margin: 0 auto 25px;}.card-icon svg { width: 36px; height: 36px; stroke: var(--primary-color);}.card-title { font-size: 26px; font-weight: var(--font-weight-regular); color: var(--primary-color); margin-bottom: 15px; letter-spacing: var(--letter-spacing-tight);}.card-text { font-size: 17px; line-height: var(--line-height-relaxed); color: var(--text-light); font-weight: var(--font-weight-light); letter-spacing: var(--letter-spacing-tight);}.card-detail { font-size: 14px; color: var(--text-light); margin-top: 8px;}.tournament-magazine { max-width: 1400px; margin: 0 auto; padding: 0;}.tournament-header { padding: 0 80px 60px;}.tournament-label { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent-color); margin-bottom: 15px;}.tournament-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(48px, 6vw, 72px); font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 0.9; text-transform: uppercase;}.tournament-split { display: grid; grid-template-columns: 45% 55%; min-height: 800px;}.tournament-image-block { position: relative; overflow: hidden; background-color: var(--primary-dark);}.tournament-image-block img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85;}.tournament-image-overlay { position: absolute; bottom: 60px; left: 60px; right: 60px; z-index: 2;}.overlay-accent { position: absolute; top: -30px; left: -30px; width: 200px; height: 200px; background-color: var(--accent-color); opacity: 0.15; z-index: -1;}.overlay-stat { display: flex; flex-direction: column; gap: 10px;}.stat-big { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(80px, 12vw, 140px); font-weight: 700; color: var(--white); line-height: 0.85; text-shadow: 0 4px 20px rgba(0,0,0,0.3);}.stat-label { font-size: 16px; font-weight: 300; color: var(--white); letter-spacing: 0.05em; text-transform: uppercase;}.tournament-info-grid { background-color: var(--white); padding: 80px; display: grid; grid-template-columns: 1fr; gap: 50px; align-content: start;}.info-item { display: grid; grid-template-columns: 80px 1fr; gap: 30px; align-items: start; padding-bottom: 50px; border-bottom: 1px solid var(--border-color);}.info-item:last-child { border-bottom: none; padding-bottom: 0;}.info-number { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 48px; font-weight: 700; color: var(--text-light); line-height: 1; opacity: 0.3;}.info-content { display: flex; flex-direction: column; gap: 8px;}.info-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 18px; font-weight: 700; color: var(--accent-color); letter-spacing: 0.1em; text-transform: uppercase; line-height: 1;}.info-highlight { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 1.1; text-transform: uppercase; margin-bottom: 5px;}.info-text { font-size: 16px; font-weight: 300; color: var(--text-color); line-height: 1.6; letter-spacing: 0.01em;}/* Registration Section - Variant 3: Value/Investment Focus */.registration-section-header { text-align: center; margin-bottom: 60px;}.section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent-color); background-color: var(--primary-color); padding: 10px 20px; margin-bottom: 20px; display: inline-block;}.section-title-main { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(48px, 6vw, 72px); font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 0.9; text-transform: uppercase; margin: 0;}.registration.section { background-color: #fafafa;}.registration-hero { background-color: var(--primary-color); color: var(--white); padding: 0; margin-bottom: 80px; overflow: hidden;}.pricing-magazine-layout { display: flex; flex-direction: column;}.pricing-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 80px 80px 60px; gap: 80px;}.pricing-block { display: flex; flex-direction: column; gap: 20px;}.price-category { font-size: 13px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent-color); line-height: 1;}.price-display { display: flex; align-items: flex-start; gap: 8px; line-height: 1;}.currency { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(48px, 5vw, 56px); font-weight: 700; color: var(--white); opacity: 0.6; line-height: 0.9; padding-top: 8px;}.amount { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(80px, 10vw, 120px); font-weight: 700; color: var(--white); letter-spacing: -0.02em; line-height: 0.85;}.price-meta { font-size: 15px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 1.4; letter-spacing: 0.01em; max-width: 200px;}.pricing-divider { width: 2px; height: 120px; background: linear-gradient( to bottom, transparent 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 80%, transparent 100% );}.registration-horizontal { display: flex; align-items: center; justify-content: center; gap: 60px; padding: 60px 80px;}.registration-divider { width: 2px; height: 140px; background: linear-gradient( to bottom, transparent 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 80%, transparent 100% ); flex-shrink: 0;}.team-details-inline { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 40px;}.team-details-inline .detail-box { display: flex; flex-direction: column; gap: 6px;}.team-details-inline .detail-label { font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent-color); margin: 0;}.team-details-inline .detail-value { font-size: 15px; font-weight: 400; color: rgba(255, 255, 255, 0.9); margin: 0; line-height: 1.4;}@media (max-width: 900px) { .registration-horizontal { flex-direction: column; padding: 40px 30px; gap: 40px; } .registration-divider { width: 80px; height: 2px; background: linear-gradient( to right, transparent 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 80%, transparent 100% ); } .team-details-inline { grid-template-columns: 1fr; gap: 20px; text-align: center; }}.pricing-estimate-row { display: flex; align-items: center; justify-content: space-between; padding: 30px 80px; background-color: rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.1);}.estimate-note { font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.6); letter-spacing: 0.02em; text-transform: uppercase;}.estimate-total { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--white); letter-spacing: 0.02em; line-height: 1;}.breakdown-plus { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 36px; font-weight: 700; color: var(--accent-color); line-height: 1;}.value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 80px;}.value-section { display: flex; flex-direction: column; gap: 40px;}.value-heading { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 28px; font-weight: 700; color: var(--primary-color); letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; padding-bottom: 20px; border-bottom: 3px solid var(--accent-color);}.value-items { display: flex; flex-direction: column; gap: 24px;}.value-item { display: flex; align-items: center; gap: 16px; font-size: 16px; font-weight: 300; color: var(--text-color); line-height: 1.6;}.value-item svg { width: 24px; height: 24px; color: var(--accent-color); flex-shrink: 0; stroke-width: 1.5; padding: 10px; background-color: #f8f9f5; border-radius: 8px; box-sizing: content-box;}.detail-box { padding: 30px 0; border-bottom: 1px solid var(--border-color);}.detail-box:last-child { border-bottom: none;}.detail-label { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-color); margin-bottom: 10px;}.detail-value { font-size: 18px; font-weight: 300; color: var(--text-color); line-height: 1.6;}.registration-cta { text-align: center; padding: 60px 0; margin-bottom: 60px;}.cta-text { font-size: 14px; color: var(--text-light); margin-bottom: 20px; letter-spacing: 0.02em;}/* Sponsors Section */.sponsors-grid { display: flex; gap: 80px; align-items: center; justify-content: center; margin-top: 60px;}.sponsor-logo { display: flex; align-items: center; justify-content: center; transition: all var(--transition-speed);}.sponsor-logo:hover { transform: translateY(-5px); opacity: 0.8;}.sponsor-logo img { max-width: 200px; max-height: 120px; width: auto; height: auto; object-fit: contain;}.sponsor-logo-bordered { border: 2px solid #000000; border-radius: 8px; padding: 20px;}.logo-placeholder { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 24px; font-weight: 700; color: var(--text-light); opacity: 0.3; letter-spacing: 0.1em;}/* Sponsorship Divider */.sponsorship-divider { display: flex; align-items: center; gap: 40px; margin: 100px 0 80px;}.divider-line { flex: 1; height: 1px; background: linear-gradient( to right, transparent 0%, var(--border-color) 20%, var(--border-color) 80%, transparent 100% );}.divider-text { font-size: 18px; font-weight: 300; color: var(--text-color); text-align: center; max-width: 500px; line-height: 1.6; letter-spacing: 0.02em; margin: 0;}.packages-header { text-align: center; margin-bottom: 60px;}.packages-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(42px, 5vw, 64px); font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 0.9; text-transform: uppercase; margin: 15px 0 0;}/* Sponsorship Packages - Magazine Style */.packages-magazine { display: grid; grid-template-columns: 1fr; gap: 0; margin: 60px 0; border-top: 3px solid var(--primary-color);}.package-item { display: grid; grid-template-columns: 120px 1fr; gap: 40px; padding: 60px 0; border-bottom: 1px solid var(--border-color); transition: all var(--transition-speed);}.package-item:hover { background-color: rgba(0, 0, 0, 0.01);}.package-number { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 72px; font-weight: 700; color: var(--text-light); line-height: 1; opacity: 0.2; text-align: right; padding-right: 20px; border-right: 2px solid var(--border-color);}.package-content { display: flex; flex-direction: column; gap: 25px;}.package-header-row { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 20px;}.package-tier-label { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 36px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; padding: 8px 20px; display: inline-block;}.package-tier-label.platinum { background-color: var(--primary-dark); color: var(--white);}.package-tier-label.gold { background-color: #d4af37; color: var(--primary-dark);}.package-tier-label.silver { background-color: #c0c0c0; color: var(--primary-dark);}.package-tier-label.bronze { background-color: #cd7f32; color: var(--white);}.package-price-large { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 56px; font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 1;}.package-description { font-size: 18px; line-height: 1.7; color: var(--text-color); max-width: 900px; font-weight: 300;}.package-benefits-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 12px;}.package-benefits-list li { position: relative; padding-left: 30px; color: var(--text-color); line-height: 1.6; font-size: 16px;}.package-benefits-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 12px; height: 2px; background-color: var(--accent-color);}.packages-cta { text-align: center; padding: 40px 0 0;}/* Scouting Section - Split Layout with Image */.scouting-magazine { max-width: 1400px; margin: 0 auto;}.scouting-content-wrapper { display: grid; grid-template-columns: 60% 40%; min-height: 700px; gap: 0;}.scouting-image-feature { position: relative; overflow: hidden; background-color: var(--primary-dark);}.scouting-image-feature img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85;}.scouting-image-overlay { position: absolute; bottom: 60px; left: 60px; right: 60px; z-index: 2;}.overlay-text-block { display: flex; flex-direction: column; gap: 10px;}.overlay-title-large { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(60px, 10vw, 100px); font-weight: 700; color: var(--white); line-height: 0.9; text-shadow: 0 4px 20px rgba(0,0,0,0.3);}.overlay-description { font-size: 18px; font-weight: 300; color: var(--white); letter-spacing: 0.05em; opacity: 0.9;}.scouting-content-main { background-color: var(--white); padding: 80px; display: flex; flex-direction: column; gap: 60px;}.scouting-invite { text-align: left; max-width: 100%; margin: 0;}.invite-intro { font-size: 20px; font-weight: 300; color: var(--text-color); line-height: 1.7; letter-spacing: 0.01em; margin-top: 30px;}.scouting-benefits { display: flex; flex-direction: column; gap: 30px; margin: 0;}.benefit-box { position: relative; padding: 30px 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-bottom: 1px solid var(--border-color);}.benefit-box:last-child { border-bottom: none;}.benefit-box:hover { transform: translateX(5px);}.box-content { display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 2;}.box-heading { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(22px, 2.5vw, 28px); font-weight: 700; color: var(--primary-color); letter-spacing: 0.01em; line-height: 1.2; margin: 0; transition: color var(--transition-speed);}.benefit-box:hover .box-heading { color: var(--accent-color);}.box-text { font-size: 16px; font-weight: 300; color: var(--text-color); line-height: 1.7; margin: 0; max-width: 700px;}.box-indicator { display: none;}.scouting-cta { text-align: left; padding: 40px 0 0; border-top: 2px solid var(--border-color); margin-top: 20px;}.scouting-enhanced .scouting-invite { text-align: center; max-width: 900px; margin: 0 auto 80px;}.scouting-enhanced .section-title-main { color: var(--white);}.scouting-enhanced .invite-intro { font-size: 20px; font-weight: 300; color: rgba(255, 255, 255, 0.9); line-height: 1.7; letter-spacing: 0.01em; margin-top: 30px;}.scouting-benefits-enhanced { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px;}.scouting-enhanced .benefit-box { position: relative; padding: 50px 40px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 2px solid rgba(200, 213, 0, 0.2); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px);}.scouting-enhanced .benefit-box:hover { transform: translateY(-8px); border-color: var(--accent-color); background: rgba(255, 255, 255, 0.08); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}.box-content { display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 2;}.scouting-enhanced .box-heading { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(24px, 2.5vw, 32px); font-weight: 700; color: var(--white); letter-spacing: 0.02em; line-height: 1.2; margin: 0 0 20px 0; transition: color var(--transition-speed);}.scouting-enhanced .benefit-box:hover .box-heading { color: var(--accent-color);}.scouting-enhanced .box-text { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.85); line-height: 1.7; margin: 0;}.scouting-enhanced .scouting-cta { text-align: center; padding: 0; border-top: none; margin-top: 0;}.scouting-enhanced .cta-text { color: rgba(255, 255, 255, 0.8);}/* Option 3: Experience Section - Mixed Image & Text Cards */.experience-restructured { background-color: var(--beige);}.experience-mixed-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 60px;}.experience-card-with-image { position: relative; min-height: 450px; overflow: hidden; display: flex; align-items: flex-end; transition: transform var(--transition-speed);}.experience-card-with-image:hover { transform: translateY(-8px);}.experience-card-with-image .card-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.6s ease;}.experience-card-with-image:hover .card-image-bg { transform: scale(1.05);}.experience-card-with-image .card-image-bg::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.3) 100%);}.experience-card-with-image .card-image-content { position: relative; z-index: 2; padding: 40px; color: var(--white);}.experience-card-with-image .card-label { display: inline-block; font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; color: var(--accent-color); margin-bottom: 15px;}.experience-card-with-image .experience-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--white); letter-spacing: 0.01em; line-height: 1.1; margin: 0 0 15px 0;}.experience-card-with-image .experience-description { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.9); line-height: 1.6; margin: 0;}.experience-card-simple { background-color: var(--white); padding: 50px 40px; display: flex; flex-direction: column; gap: 20px; position: relative; transition: all var(--transition-speed); border: 2px solid transparent;}.experience-card-simple:hover { transform: translateY(-8px); border-color: var(--accent-color); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.simple-number { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 60px; font-weight: 700; color: transparent; -webkit-text-stroke: 2px var(--accent-color); text-stroke: 2px var(--accent-color); line-height: 1; user-select: none; opacity: 0.3; position: absolute; top: 30px; right: 30px;}.experience-title-simple { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--primary-color); letter-spacing: 0.01em; line-height: 1.1; margin: 0; transition: color var(--transition-speed);}.experience-card-simple:hover .experience-title-simple { color: var(--accent-color);}.experience-description-simple { font-size: 16px; font-weight: 300; color: var(--text-color); line-height: 1.7; margin: 0; flex: 1;}.simple-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--beige); align-self: flex-start;}.simple-icon svg { width: 24px; height: 24px; stroke: var(--accent-color); stroke-width: 2;}/* Option 2: Experience Section - Enhanced Layout */.experience-enhanced { background: linear-gradient(to bottom, #fafaf8 0%, #f5f5f0 100%);}.experience-list-enhanced { display: flex; flex-direction: column; gap: 0; margin-top: 60px;}.experience-item-enhanced { display: grid; grid-template-columns: 100px 1fr 80px; gap: 40px; align-items: center; padding: 50px 0; border-bottom: 2px solid var(--border-color); position: relative; transition: all 0.4s ease;}.experience-item-enhanced:last-child { border-bottom: none;}.experience-item-enhanced:hover { padding-left: 20px; background: linear-gradient(to right, rgba(200, 213, 0, 0.05) 0%, transparent 100%);}.experience-number { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(60px, 8vw, 80px); font-weight: 700; color: transparent; -webkit-text-stroke: 2px var(--accent-color); text-stroke: 2px var(--accent-color); line-height: 1; user-select: none; opacity: 0.5; transition: opacity var(--transition-speed);}.experience-item-enhanced:hover .experience-number { opacity: 1;}.experience-content { display: flex; flex-direction: column; gap: 15px;}.experience-title-enhanced { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: clamp(28px, 3vw, 40px); font-weight: 700; color: var(--primary-color); letter-spacing: 0.01em; line-height: 1.1; margin: 0; transition: color var(--transition-speed);}.experience-item-enhanced:hover .experience-title-enhanced { color: var(--accent-color);}.experience-description-enhanced { font-size: 17px; font-weight: 300; color: var(--text-color); line-height: 1.7; margin: 0;}.experience-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-color); transition: all var(--transition-speed);}.experience-icon svg { width: 30px; height: 30px; stroke: var(--primary-color); stroke-width: 2;}.experience-item-enhanced:hover .experience-icon { transform: rotate(15deg) scale(1.1);}.section-intro { font-size: 18px; font-weight: 300; color: var(--text-color); line-height: 1.7; text-align: center; max-width: 600px; margin: 20px auto 0;}.experience-grid-images { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 60px;}.experience-card-image { position: relative; min-height: 400px; overflow: hidden; display: flex; align-items: flex-end; transition: transform var(--transition-speed);}.experience-card-image:hover { transform: translateY(-8px);}.card-image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.6s ease;}.experience-card-image:hover .card-image-bg { transform: scale(1.05);}.card-image-bg::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.3) 100%);}.card-image-content { position: relative; z-index: 2; padding: 40px; color: var(--white);}.card-label { display: inline-block; font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; color: var(--accent-color); margin-bottom: 15px;}.experience-card-image .experience-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--white); letter-spacing: 0.01em; line-height: 1.1; margin: 0 0 15px 0;}.experience-card-image .experience-description { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.9); line-height: 1.6; margin: 0;}/* Register Interest Section */.register-header { text-align: center; max-width: 700px; margin: 0 auto 60px;}.interest-form { max-width: 700px; margin: 0 auto 80px; display: flex; flex-direction: column; gap: 25px;}.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 25px;}.form-group { display: flex; flex-direction: column; gap: 10px;}.form-group label { font-size: 14px; font-weight: 600; color: var(--primary-color); letter-spacing: 0.02em;}.form-group input,.form-group select,.form-group textarea { padding: 15px 20px; font-size: 16px; font-weight: 300; font-family: 'Work Sans', sans-serif; color: var(--text-color); background-color: var(--white); border: 1px solid var(--border-color); border-radius: 0; transition: all var(--transition-speed);}.form-group input:focus,.form-group select:focus,.form-group textarea:focus { outline: none; border-color: var(--accent-color);}.form-group textarea { resize: vertical; min-height: 120px;}.form-note { font-size: 14px; font-weight: 300; color: var(--text-light); text-align: center; margin-top: 25px;}.interest-form .btn { margin: 20px auto 0;}.questions-section { text-align: center; padding: 60px 40px; background-color: #fafaf8; max-width: 800px; margin: 0 auto;}.questions-title { font-family: 'Bebas Neue', 'Oswald', 'Impact', sans-serif; font-size: 32px; font-weight: 700; color: var(--primary-color); letter-spacing: 0.02em; line-height: 1; margin: 0 0 20px;}.questions-text { font-size: 17px; font-weight: 300; color: var(--text-color); line-height: 1.7; margin: 0;}.questions-text a { color: var(--accent-color); text-decoration: none; font-weight: 400; transition: color var(--transition-speed);}.questions-text a:hover { color: var(--primary-color);}.scouting-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}.scouting-image img { width: 100%; height: auto; display: block;}.scouting-features { display: flex; flex-direction: column; gap: 40px;}.feature-card { display: flex; gap: 20px;}.feature-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-color); flex-shrink: 0;}.feature-icon svg { width: 24px; height: 24px; stroke: var(--primary-color);}.feature-card h4 { font-size: 20px; font-weight: 400; color: var(--primary-color); margin-bottom: 8px; letter-spacing: 0.3px;}.feature-card p { font-size: 16px; line-height: 1.6; color: var(--text-color);}.experience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px;}.experience-card { background-color: var(--white); overflow: hidden; border: 1px solid var(--border-color); transition: all var(--transition-speed);}.experience-card:hover { border-color: var(--accent-color);}.card-image { width: 100%; height: 200px; overflow: hidden;}.card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-speed);}.experience-card:hover .card-image img { transform: scale(1.05);}.experience-card .card-content { padding: 40px 35px;}.experience-card .card-icon { margin-bottom: 15px;}.experience-card h3 { font-size: 22px; font-weight: 400; color: var(--primary-color); margin-bottom: 12px; letter-spacing: 0.3px;}.experience-card p { font-size: 16px; line-height: 1.6; color: var(--text-color);}.impact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}.impact-text h2 { font-size: 36px; font-weight: var(--font-weight-light); color: var(--primary-color); margin-bottom: 20px; letter-spacing: var(--letter-spacing-normal);}.impact-features { display: flex; flex-direction: column; gap: 25px; margin-top: 30px;}.impact-feature { display: flex; gap: 15px; align-items: flex-start;}.impact-feature svg { width: 24px; height: 24px; stroke: var(--primary-color); flex-shrink: 0; margin-top: 3px;}.impact-feature h4 { font-size: 18px; font-weight: 400; color: var(--primary-color); margin-bottom: 5px; letter-spacing: 0.3px;}.impact-feature p { font-size: 15px; color: var(--text-color);}.impact-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}.stat-card { padding: 45px 30px; background-color: var(--accent-color); text-align: center;}.stat-number { font-size: 52px; font-weight: var(--font-weight-regular); color: var(--primary-color); margin-bottom: 10px; letter-spacing: var(--letter-spacing-normal);}.stat-label { font-size: 16px; font-weight: var(--font-weight-regular); color: var(--primary-color); text-transform: uppercase; letter-spacing: var(--letter-spacing-wide);}.sponsorship-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; margin-bottom: 60px;}.sponsor-card { padding: 40px 30px; background-color: var(--white); border: 1px solid var(--border-color); transition: all var(--transition-speed);}.sponsor-card:hover { border-color: var(--accent-color); transform: translateY(-3px);}.sponsor-tier { display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}.sponsor-tier svg { width: 24px; height: 24px; stroke: var(--accent-color); fill: var(--accent-color);}.sponsor-tier span { font-size: 20px; font-weight: 500; color: var(--primary-color); text-transform: uppercase; letter-spacing: 0.5px;}.sponsor-price { font-size: 32px; font-weight: 500; color: var(--primary-color); margin-bottom: 25px; letter-spacing: 0.5px;}.sponsor-benefits { list-style: none; display: flex; flex-direction: column; gap: 15px;}.sponsor-benefits li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.6;}.sponsor-benefits svg { width: 18px; height: 18px; stroke: var(--primary-color); flex-shrink: 0; margin-top: 3px;}.sponsor-cta { text-align: center; padding: 60px 40px; background-color: var(--accent-color); border: none;}.sponsor-cta h3 { font-size: 28px; font-weight: 400; color: var(--primary-color); margin-bottom: 15px; letter-spacing: 0.3px;}.sponsor-cta p { font-size: 18px; color: var(--text-light); margin-bottom: 30px;}.organizers-magazine { max-width: 1200px; margin: 0 auto;}.organizer-main-item { display: grid; grid-template-columns: 180px 1fr; gap: 60px; padding: 60px 0 80px; border-bottom: 3px solid var(--primary-color); margin-bottom: 60px;}.organizer-logo-column { display: flex; align-items: flex-start; justify-content: center;}.organizer-main-logo { max-width: 100%; height: auto; object-fit: contain;}.organizer-main-content { display: flex; flex-direction: column; justify-content: center;}.organizer-main-title { font-size: 32px; font-weight: 400; color: var(--primary-color); margin-bottom: 12px; letter-spacing: 0.3px; line-height: 1.2;}.organizer-main-tagline { font-size: 18px; font-style: italic; color: var(--accent-color); margin-bottom: 20px; font-weight: 400;}.organizer-main-text { font-size: 16px; line-height: 1.8; color: var(--text-color);}.partners-clean-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-top: 60px; max-width: 1000px; margin-left: auto; margin-right: auto;}.partner-clean-item { text-align: center; padding: 0;}.partner-clean-badge { display: inline-block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--white); background-color: var(--accent-color); padding: 8px 18px; margin-bottom: 30px;}.partner-clean-badge.community { background-color: var(--primary-color);}.partner-clean-logo { display: flex; align-items: center; justify-content: center; min-height: 80px; margin-bottom: 25px;}.partner-clean-logo img { max-width: 220px; max-height: 80px; width: auto; height: auto; object-fit: contain;}.partner-clean-description { font-size: 15px; line-height: 1.7; color: var(--text-color); max-width: 400px; margin: 0 auto;}.footer { background-color: var(--primary-dark); color: var(--white); padding: 60px 0 20px;}.footer-content { display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; margin-bottom: 40px; align-items: start;}.footer-brand { display: flex; flex-direction: column; gap: 20px;}.footer-logo { width: 120px; height: auto; margin-bottom: 10px;}.footer-tagline { font-size: 15px; line-height: 1.6; opacity: 0.9; margin: 0;}.footer-links-section { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}.footer-links-column h4 { font-size: 16px; font-weight: 500; margin-bottom: 15px; color: var(--accent-color); letter-spacing: 0.5px;}.footer-contact { display: flex; flex-direction: column; gap: 12px;}.contact-item { display: flex; align-items: center; gap: 10px;}.contact-item svg { width: 18px; height: 18px; stroke: var(--accent-color); flex-shrink: 0;}.contact-item a { color: var(--white); text-decoration: none; transition: color var(--transition-speed);}.contact-item a:hover { color: var(--accent-color);}.footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px;}.footer-links a { color: var(--white); text-decoration: none; transition: color var(--transition-speed);}.footer-links a:hover { color: var(--accent-color);}.footer-credits-section { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-credits-section h4 { font-size: 14px; font-weight: 500; margin-bottom: 15px; color: var(--accent-color); letter-spacing: 0.5px; text-transform: uppercase;}.footer-credits { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 8px; font-size: 12px; opacity: 0.7; line-height: 1.6;}.footer-credits li { margin-bottom: 5px;}.footer-credits a { color: var(--white); text-decoration: none; opacity: 0.9;}.footer-credits a:hover { color: var(--accent-color); opacity: 1;}.newsletter-form { display: flex; gap: 10px;}.newsletter-form input { flex: 1; padding: 12px 16px; border: 2px solid var(--white); background-color: transparent; color: var(--white); font-size: 15px;}.newsletter-form input::placeholder { color: rgba(255, 255, 255, 0.6);}.newsletter-form input:focus { outline: none; border-color: var(--accent-color);}.newsletter-form button { padding: 12px 20px;}.footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2);}.footer-bottom p { font-size: 14px; opacity: 0.8; margin-bottom: 5px;}.scroll-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: var(--accent-color); border: none; cursor: pointer; display: none; align-items: center; justify-content: center; z-index: 999; transition: all var(--transition-speed);}.scroll-top:hover { background-color: var(--primary-color);}.scroll-top svg { width: 24px; height: 24px; stroke: var(--primary-color);}.scroll-top:hover svg { stroke: var(--white);}.scroll-top.show { display: flex;}.animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}.animate-on-scroll.animated { opacity: 1; transform: translateY(0);}@media (max-width: 1024px) { .hero-content { padding: 60px 40px; } .hero-image { width: 65%; } .hero-text { max-width: 600px; }}@media (max-width: 768px) { .container { padding-left: 20px; padding-right: 20px; } .section { padding: 60px 0; } .section.bg-light { padding: 50px 0; } .section-header { margin-bottom: 40px; text-align: center; } .section-label { padding: 8px 16px; font-size: 11px; margin-bottom: 15px; } .section-title-main { font-size: clamp(36px, 8vw, 54px); line-height: 1.1; } .section-intro { font-size: 16px; line-height: 1.6; } .nav-menu { position: fixed; top: 80px; left: -100%; width: 100%; height: calc(100vh - 80px); background-color: var(--white); flex-direction: column; padding: 40px; gap: 20px; transition: left var(--transition-speed); border-top: 2px solid var(--primary-color); z-index: 999; } .nav-menu.active { left: 0; } .nav-toggle { display: block; } .brand-logo { max-height: 35px; } .hero { min-height: 75vh; } .hero-grid { min-height: 75vh; } .hero-logo-bg { width: 500px; max-width: 70vw; opacity: 0.04; } .hero-content { padding: 60px 20px 50px; display: flex; flex-direction: column; justify-content: center; } .hero-image { width: 100%; height: 100%; opacity: 0.3; } .hero-image::before { background: linear-gradient(to bottom, rgba(8, 22, 33, 0.92) 0%, rgba(15, 36, 57, 0.88) 40%, rgba(15, 36, 57, 0.8) 70%, rgba(8, 22, 33, 0.92) 100% ); } .hero-text { max-width: 100%; } .hero-tagline { font-size: 14px; margin-bottom: 25px; letter-spacing: 3.5px; font-weight: 600; } .hero-title { margin-bottom: 20px; } .title-line { font-size: clamp(48px, 12vw, 72px); margin: 4px 0; } .title-line-location { padding: 10px 20px; margin-top: 10px; display: inline-block; } .germany-colors { font-size: clamp(38px, 10vw, 54px); margin-right: 12px; } .year-black { font-size: clamp(38px, 10vw, 54px); } .hero-subtitle { font-size: 19px; line-height: 1.5; margin-bottom: 25px; margin-top: 20px; } .hero-actions { flex-direction: column; gap: 15px; width: 100%; margin-top: 0; } .btn { width: 100%; justify-content: center; padding: 18px 30px; font-size: 15px; } .hero-powered { font-size: 13px; margin-top: 30px; } .about-layout, .scouting-content, .impact-content { grid-template-columns: 1fr; gap: 30px; } .about-layout { gap: 0; max-width: 600px; margin: 0 auto; } .about-main { padding: 30px 20px 40px; } .about-title { font-size: clamp(32px, 8vw, 42px); line-height: 1.2; } .about-accent { width: 60px; margin-bottom: 30px; } .about-description { font-size: 16px; line-height: 1.7; margin-bottom: 25px; } .about-images { margin-top: 0; order: -1; margin-bottom: 20px; } .benefit-box { padding: 40px 30px; } .benefit-box:hover { transform: translateX(5px); } .box-indicator { right: 30px; width: 30px; height: 30px; } .box-indicator::after { font-size: 16px; } .invite-intro { font-size: 18px; } .scouting-content-wrapper { grid-template-columns: 1fr; min-height: auto; } .scouting-image-feature { min-height: 400px; } .scouting-content-main { padding: 60px 40px; } .experience-grid-images { grid-template-columns: 1fr; gap: 30px; } .experience-card-image { min-height: 350px; } .form-row { grid-template-columns: 1fr; } .questions-section { padding: 40px 30px; } .pricing-main { grid-template-columns: 1fr; padding: 60px 40px 40px; gap: 50px; } .pricing-divider { display: none; } .pricing-estimate-row { flex-direction: column; gap: 15px; padding: 25px 40px; text-align: center; } .value-grid { grid-template-columns: 1fr; gap: 60px; } .sponsors-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .sponsorship-divider { flex-direction: column; gap: 30px; margin: 80px 0 60px; } .divider-line { width: 100%; height: 1px; } .divider-text { font-size: 16px; } .package-item { grid-template-columns: 80px 1fr; gap: 20px; padding: 40px 0; } .package-number { font-size: 48px; padding-right: 15px; } .package-tier-label { font-size: 28px; } .package-price-large { font-size: 42px; } .package-description { font-size: 16px; } .vision-wrapper { padding: 0 30px; } .vision-content { gap: 60px; } .vision-block { grid-template-columns: 80px 1fr; gap: 30px; } .vision-block-offset { margin-left: 0; } .vision-number { font-size: 80px; } .vision-pattern { width: 250px; height: 250px; right: -50px; } .vision-logo-decor { width: 300px; top: 15px; right: 15px; opacity: 0.08; } .about-layout { max-width: 600px; margin: 0 auto; } .about-main { padding: 30px 20px 40px; margin-bottom: 0; } .about-title { font-size: clamp(30px, 7vw, 40px); } .about-accent { margin-bottom: 25px; } .about-description { font-size: 15px; } .about-images { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 200px); gap: 0; margin-top: 0; order: -1; margin-bottom: 15px; min-height: auto; } .image-overlay { padding: 15px; } .overlay-label { font-size: 9px; margin-bottom: 6px; } .overlay-title { font-size: 18px; margin-bottom: 4px; } .about-image-wide .overlay-title { font-size: 15px; } .overlay-text { font-size: 12px; } .about-image-large { grid-row: 1 / 3; grid-column: 1 / 2; } .about-image-wide { grid-column: 2 / 3; } .info-grid { grid-template-columns: 1fr; } .tournament-header { padding: 0 40px 40px; } .tournament-split { grid-template-columns: 1fr; min-height: auto; gap: 0; } .tournament-image-block { min-height: 350px; order: 1; } .tournament-info-grid { order: 2; } .tournament-image-overlay { bottom: 40px; left: 40px; right: 40px; } .tournament-info-grid { padding: 60px 40px; gap: 40px; } .info-item { grid-template-columns: 60px 1fr; gap: 20px; padding-bottom: 40px; } .info-number { font-size: 36px; } .info-highlight { font-size: 28px; } .experience-grid, .sponsorship-grid { grid-template-columns: 1fr; } .impact-stats { grid-template-columns: 1fr; } .vision-content { padding: 50px 20px; } .vision-title { font-size: clamp(32px, 8vw, 48px); line-height: 1.2; margin-bottom: 25px; } .vision-text { font-size: 16px; line-height: 1.7; } .registration-hero { margin-bottom: 50px; } .pricing-column { padding: 40px 20px; } .pricing-value { font-size: clamp(54px, 12vw, 80px); } .pricing-details li { font-size: 15px; padding-left: 25px; } .register-header { margin-bottom: 40px; } .interest-form { padding: 0; } .form-group label { font-size: 14px; margin-bottom: 8px; } .form-group input, .form-group select, .form-group textarea { font-size: 15px; padding: 14px 16px; } .form-note { font-size: 13px; margin-top: 20px; } .questions-title { font-size: 22px; } .questions-text { font-size: 15px; } .footer-content { grid-template-columns: 1fr; gap: 40px; text-align: center; } .footer-brand { align-items: center; } .footer-logo { width: 100px; } .footer-links-section { grid-template-columns: 1fr; gap: 30px; } .footer-contact { align-items: center; } .footer-credits { grid-template-columns: 1fr; font-size: 11px; } .footer-links li, .footer-text { font-size: 14px; } .newsletter-form { flex-direction: column; gap: 12px; } .newsletter-input { width: 100%; padding: 14px 16px; font-size: 14px; } .newsletter-form .btn { width: 100%; padding: 14px 20px; } .footer-bottom { padding-top: 30px; font-size: 13px; } .divider-text { font-size: 15px; padding: 0 15px; } .sponsors-grid { display: flex; flex-direction: column; gap: 40px; padding: 40px 0; align-items: center; } .sponsor-logo { padding: 20px; width: 100%; max-width: 300px; } .sponsor-logo img { max-height: 100px; width: 100%; } .partners-clean-grid { grid-template-columns: 1fr; gap: 50px; margin-top: 50px; } .partner-clean-badge { font-size: 10px; padding: 7px 15px; } .partner-clean-logo img { max-width: 200px; max-height: 75px; } .partner-clean-description { font-size: 14px; }}@media (max-width: 480px) { .container { padding-left: 15px; padding-right: 15px; } .section { padding: 50px 0; } .section.bg-light { padding: 40px 0; } .section-label { padding: 6px 12px; font-size: 10px; letter-spacing: 0.15em; } .section-title-main { font-size: clamp(32px, 10vw, 42px); margin-bottom: 15px; } .section-intro { font-size: 15px; line-height: 1.6; } .hero-content { padding: 50px 15px 40px; } .hero-tagline { font-size: 12px; letter-spacing: 3px; margin-bottom: 15px; font-weight: 600; } .hero-title { margin-bottom: 18px; } .title-line { font-size: clamp(44px, 13vw, 64px); margin: 3px 0; } .title-line-location { padding: 8px 16px; margin-top: 8px; } .germany-colors { font-size: clamp(34px, 11vw, 48px); margin-right: 10px; } .year-black { font-size: clamp(34px, 11vw, 48px); } .hero-subtitle { font-size: 18px; line-height: 1.5; margin-bottom: 20px; margin-top: 15px; } .hero-actions { flex-direction: column; gap: 12px; } .btn { width: 100%; justify-content: center; padding: 16px 25px; font-size: 14px; } .hero-powered { font-size: 12px; margin-top: 25px; } .about-layout { gap: 0; max-width: 540px; margin: 0 auto; } .about-main { padding: 25px 15px 35px; } .about-title { font-size: clamp(28px, 8vw, 36px); line-height: 1.2; margin-bottom: 20px; } .about-accent { width: 50px; margin-bottom: 25px; } .about-description { font-size: 15px; line-height: 1.7; margin-bottom: 20px; } .about-images { margin-top: 0; order: -1; margin-bottom: 15px; grid-template-rows: repeat(2, 180px); min-height: auto; } .image-overlay { padding: 12px; } .overlay-label { font-size: 8px; margin-bottom: 5px; } .overlay-title { font-size: 16px; margin-bottom: 3px; } .about-image-wide .overlay-title { font-size: 13px; } .overlay-text { font-size: 11px; } .tournament-image-block { min-height: 300px; } .vision-content { padding: 40px 15px; } .vision-title { font-size: clamp(28px, 9vw, 40px); margin-bottom: 20px; } .vision-text { font-size: 15px; line-height: 1.6; } .vision-number { font-size: 60px; } .vision-logo-decor { width: 200px; top: 10px; right: 10px; opacity: 0.06; } .hero-logo-bg { width: 350px; max-width: 80vw; opacity: 0.03; } .tournament-header { padding: 0 20px 30px; } .tournament-image-block { min-height: 300px; } .tournament-image-overlay { bottom: 30px; left: 30px; right: 30px; } .stat-big { font-size: 80px; } .stat-label { font-size: 14px; } .tournament-info-grid { padding: 40px 20px; gap: 35px; } .info-item { grid-template-columns: 50px 1fr; gap: 15px; padding-bottom: 35px; } .info-number { font-size: 32px; } .info-title { font-size: 16px; } .info-highlight { font-size: 24px; } .info-text { font-size: 15px; } .package-item { grid-template-columns: 60px 1fr; gap: 15px; padding: 30px 0; } .package-number { font-size: 36px; padding-right: 10px; } .package-tier-label { font-size: 22px; padding: 6px 15px; } .package-price-large { font-size: 32px; } .package-description { font-size: 15px; } .package-benefits-list li { font-size: 14px; padding-left: 20px; } .scouting-image-feature { min-height: 300px; } .scouting-content-main { padding: 40px 20px; } .scouting-image-overlay { bottom: 30px; left: 30px; right: 30px; } .experience-card-image { min-height: 300px; } .card-image-content { padding: 30px; } .organizer-main-item { grid-template-columns: 1fr; gap: 30px; padding: 40px 20px 50px; margin-bottom: 40px; } .organizer-logo-column { justify-content: flex-start; } .organizer-main-logo { max-width: 120px; } .organizer-main-title { font-size: 26px; } .organizer-main-tagline { font-size: 16px; } .partners-clean-grid { grid-template-columns: 1fr; gap: 40px; margin-top: 40px; } .partner-clean-badge { font-size: 10px; padding: 6px 14px; } .partner-clean-logo { min-height: 70px; margin-bottom: 20px; } .partner-clean-logo img { max-width: 180px; max-height: 70px; } .partner-clean-description { font-size: 14px; } .form-group { margin-bottom: 18px; } .form-group label { font-size: 13px; } .form-group input, .form-group select, .form-group textarea { font-size: 14px; padding: 12px 14px; } .btn-large { padding: 16px 30px; font-size: 15px; } .questions-title { font-size: 20px; margin-bottom: 12px; } .questions-text { font-size: 14px; line-height: 1.6; } .pricing-column { padding: 35px 15px; } .pricing-label { font-size: 11px; } .pricing-value { font-size: clamp(48px, 14vw, 72px); margin: 12px 0; } .pricing-period { font-size: 15px; } .pricing-details li { font-size: 14px; padding: 10px 0 10px 25px; } .footer-column h3 { font-size: 16px; } .footer-links li, .footer-text { font-size: 13px; line-height: 1.6; } .footer-credits { font-size: 11px; } .newsletter-input { padding: 12px 14px; font-size: 13px; } .newsletter-form .btn { padding: 12px 18px; font-size: 14px; } .footer-bottom { font-size: 12px; line-height: 1.6; } .divider-text { font-size: 14px; } .sponsor-logo { padding: 15px; max-width: 280px; } .sponsor-logo img { max-height: 90px; } .about-images { grid-template-rows: repeat(3, 120px); } .benefit-box { padding: 30px 20px; } .box-heading { font-size: 18px; margin-bottom: 12px; } .box-text { font-size: 14px; line-height: 1.6; }}