@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow:wght@300;400;500;600;700&display=swap";:root{--color-bg:#fafafa;--color-bg-alt:#f0f0f0;--color-text:#1a1a1a;--color-text-muted:#666;--color-accent:#e63946;--color-accent-secondary:#ffb703;--color-gold:gold;--color-silver:silver;--color-bronze:#cd7f32;--color-de-black:#000;--color-de-red:#d00;--color-de-gold:#fc0;--font-display:"Archivo Black", sans-serif;--font-body:"Barlow", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--transition-fast:.15s ease;--transition-medium:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.header{z-index:100;backdrop-filter:blur(10px);background:#fafafaf2;border-bottom:1px solid #0000000d;position:fixed;top:0;left:0;right:0}.nav{padding:var(--spacing-sm) var(--spacing-md);justify-content:flex-end;align-items:center;gap:var(--spacing-lg);display:flex}.nav-link{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);padding:var(--spacing-xs) 0;transition:color var(--transition-fast);font-size:.875rem;font-weight:600;position:relative}.nav-link:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--transition-medium);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-dropdown{position:relative}.nav-dropdown-menu{padding:var(--spacing-xs) 0;opacity:0;visibility:hidden;min-width:160px;transition:all var(--transition-fast);background:#fff;border:1px solid #0000001a;border-radius:8px;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px #0000001a}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-item{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:block}.nav-dropdown-item:hover{background:var(--color-bg-alt);color:var(--color-text)}main{flex-direction:column;flex:1;padding-top:80px;display:flex}.footer{padding:var(--spacing-lg) var(--spacing-md);text-align:center;border-top:1px solid #0000000d;margin-top:auto}.footer-content{color:var(--color-text-muted);font-size:.875rem}.footer-content a{color:var(--color-accent);transition:opacity var(--transition-fast)}.footer-content a:hover{opacity:.7}.hero{padding:var(--spacing-lg) var(--spacing-md);flex:1;grid-template-columns:minmax(300px,500px) 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.hero-image-wrapper{z-index:1;position:relative}.hero-image-container{aspect-ratio:3/4;background:linear-gradient(135deg, var(--color-bg-alt) 0%, #e8e8e8 100%);border-radius:24px 0 0 24px;max-height:75vh;position:relative;overflow:hidden;box-shadow:-20px 30px 60px #00000026}.hero-image{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform var(--transition-slow)}.hero-image-container:hover .hero-image{transform:scale(1.02)}.hero-image-fade{background:linear-gradient(to right, transparent 0%, #fafafa4d 30%, #fafafab3 60%, var(--color-bg) 100%);pointer-events:none;z-index:2;width:40%;position:absolute;top:0;bottom:0;right:0}.hero-image-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;font-size:1rem;display:flex}.hero-image-placeholder svg{opacity:.3;width:64px;height:64px}.hero-content{z-index:10;flex-direction:column;justify-content:center;margin-left:-120px;padding-top:60px;display:flex;position:relative}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--spacing-md);text-shadow:4px 4px 0 var(--color-bg), -2px -2px 0 var(--color-bg), 2px -2px 0 var(--color-bg), -2px 2px 0 var(--color-bg), 0 4px 0 var(--color-bg);font-size:clamp(6rem,18vw,14rem);line-height:.85;position:relative}.hero-name:before{content:"";background:var(--color-accent);border-radius:3px;width:6px;height:60%;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.hero-tagline{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--spacing-lg);margin-left:4px;font-size:1rem;font-weight:600}.rankings{gap:var(--spacing-md);flex-direction:column;display:flex}.ranking-item{align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;transition:transform var(--transition-fast);border-bottom:1px solid #0000000d;display:flex;position:relative}.ranking-item:hover{transform:translate(10px)}.ranking-number{font-family:var(--font-display);color:var(--color-text);min-width:100px;font-size:clamp(3rem,8vw,5rem);line-height:1}.ranking-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);font-size:1rem;font-weight:600}.ranking-ordinal{vertical-align:super;margin-left:2px;font-size:1.5rem}.rankings-container{gap:var(--spacing-md);align-items:stretch;display:flex}.nationality-marker{padding:var(--spacing-sm) 0;flex-direction:column;align-items:center;gap:0;display:flex}.nationality-flag-bar{background:linear-gradient(to bottom, var(--color-de-black) 0%, var(--color-de-black) 33.33%, var(--color-de-red) 33.33%, var(--color-de-red) 66.66%, var(--color-de-gold) 66.66%, var(--color-de-gold) 100%);border-radius:2px;flex:1;width:4px;min-height:40px}.nationality-text{padding:var(--spacing-xs) 0;flex-direction:column;align-items:center;gap:2px;display:flex}.nationality-code{font-family:var(--font-body);letter-spacing:.2em;color:var(--color-text-muted);writing-mode:vertical-rl;text-orientation:mixed;font-size:.875rem;font-weight:300;transform:rotate(180deg)}.nationality-age{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-text);background:var(--color-de-gold);margin-top:var(--spacing-xs);border-radius:4px;padding:4px 6px;font-size:.75rem;font-weight:600}.rankings-header{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid #00000014;font-size:.75rem;font-weight:300}.page-header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);text-align:center}.page-title{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:clamp(2.5rem,8vw,5rem);line-height:1}.page-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.about-content{gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-md);grid-template-columns:1fr 2fr;max-width:1200px;margin:0 auto;display:grid}.about-image{aspect-ratio:1;background:var(--color-bg-alt);border-radius:20px;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.about-text{gap:var(--spacing-md);flex-direction:column;display:flex}.about-text h2{font-family:var(--font-display);margin-bottom:var(--spacing-xs);font-size:2rem}.about-text p{color:var(--color-text-muted);font-size:1.125rem;line-height:1.8}.achievements-list{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.achievements-list li{align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.achievements-list li:before{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px}.tournaments-grid{gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-xl);max-width:1000px;margin:0 auto;display:grid}.tournament-card{padding:var(--spacing-md);transition:all var(--transition-medium);gap:var(--spacing-md);background:#fff;border:1px solid #0000000d;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;display:grid;box-shadow:0 4px 20px #0000000d}.tournament-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.tournament-date{text-align:center;padding:var(--spacing-sm);background:var(--color-bg-alt);border-radius:12px;min-width:80px}.tournament-date-day{font-family:var(--font-display);font-size:2rem;line-height:1}.tournament-date-month{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:4px;font-size:.75rem}.tournament-info h3{font-family:var(--font-display);margin-bottom:4px;font-size:1.25rem}.tournament-location{color:var(--color-text-muted);font-size:.875rem}.tournament-category{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.tournament-results{gap:var(--spacing-sm);display:flex}.result-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-alt);border-radius:8px;flex-direction:column;align-items:center;min-width:60px;display:flex}.result-badge.gold{color:#1a1a1a;background:linear-gradient(135deg,gold,orange)}.result-badge.silver{color:#1a1a1a;background:linear-gradient(135deg,#e8e8e8,#b8b8b8)}.result-badge.bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna)}.result-place{font-family:var(--font-display);font-size:1.25rem}.result-type{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.625rem}.result-item{flex-direction:column;align-items:center;gap:4px;display:flex}.result-partner{color:var(--color-text-muted);text-align:center;max-width:100px;font-size:.65rem;line-height:1.2}.upcoming-events{flex-wrap:wrap;gap:8px;display:flex}.event-badge{background:var(--color-bg-alt);text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.tournament-notes{color:var(--color-text-muted);margin-top:8px;font-size:.875rem;font-style:italic}@media (width<=1024px){.hero{padding-top:var(--spacing-md);grid-template-columns:1fr;gap:0}.hero-image-wrapper{justify-content:center;display:flex}.hero-image-container{border-radius:24px 24px 0 0;max-width:350px;max-height:45vh}.hero-image-fade{background:linear-gradient(to bottom, transparent 0%, #fafafa4d 30%, #fafafab3 60%, var(--color-bg) 100%);width:100%;height:40%;inset:auto 0 0}.hero-content{text-align:center;align-items:center;margin-top:-60px;margin-left:0;padding-top:0}.hero-name:before{display:none}.rankings{align-items:center}.ranking-item,.rankings-container{justify-content:center}.nationality-marker{gap:var(--spacing-xs);padding:0 var(--spacing-sm);flex-direction:row}.nationality-flag-bar{width:100%;height:3px;min-height:unset;flex:unset;background:linear-gradient(to right, var(--color-de-black) 0%, var(--color-de-black) 33.33%, var(--color-de-red) 33.33%, var(--color-de-red) 66.66%, var(--color-de-gold) 66.66%, var(--color-de-gold) 100%)}.nationality-code{writing-mode:horizontal-tb;transform:none}.about-content{grid-template-columns:1fr}.about-image{max-width:400px;margin:0 auto}}@media (width<=768px){.nav{gap:var(--spacing-md)}.tournament-card{text-align:center;grid-template-columns:1fr}.tournament-date{justify-self:center}.tournament-results{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.8s forwards fadeInUp}.animate-fade-in{animation:.6s forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}
