*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;font-size:16px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#app{isolation:isolate}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-panel: #111111;--color-border: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-accent: #ffffff;--color-accent-hover: #e0e0e0;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--border-radius: 4px;--border-radius-lg: 8px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--max-width: 1400px;--nav-height: 70px}*{-webkit-tap-highlight-color:transparent}.matchday-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--color-border);padding:var(--space-6);max-width:900px;margin:0 auto}.matchday-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.matchday-club{display:flex;align-items:center;gap:var(--space-3)}.matchday-logo{height:50px;width:50px}.matchday-vs{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:.1em}.player-intro-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--space-6);align-items:center}.player-photo-frame{width:200px;height:250px;border:2px solid var(--color-text-primary);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-details{display:flex;flex-direction:column;gap:var(--space-3)}.player-name{font-size:var(--font-size-3xl);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.player-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em}.player-bio{color:var(--color-text-secondary);line-height:1.8}.brandkit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.brandkit-item{background:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-6)}.brandkit-swatch{width:100%;height:80px;border:1px solid var(--color-border);margin:var(--space-3) 0}.tv-safe-zone{position:relative;border:2px dashed rgba(255,255,255,.3);padding:var(--space-8);margin:var(--space-6) 0}.tv-safe-zone:before{content:"TITLE SAFE AREA (90%)";position:absolute;top:var(--space-2);left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:.1em}.ai-chat-modal{position:fixed;bottom:90px;right:var(--space-6);width:350px;max-height:500px;background:var(--color-bg-panel);border:1px solid var(--color-border);z-index:95;display:none;flex-direction:column}.ai-chat-modal.active{display:flex}.ai-chat-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.ai-chat-body{flex:1;padding:var(--space-4);overflow-y:auto;max-height:350px}.ai-chat-message{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);font-size:var(--font-size-sm);line-height:1.5}.ai-chat-input-area{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.ai-chat-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:16px}.ai-chat-send{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-bg-primary);border:none;cursor:pointer;font-size:var(--font-size-sm)}@media (max-width: 768px){.player-intro-grid{grid-template-columns:1fr;text-align:center}.player-photo-frame{margin:0 auto}.ai-chat-modal{width:calc(100vw - 2rem);right:var(--space-3);bottom:80px}}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;overscroll-behavior-y:contain;min-height:100vh}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.animated-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.nav-logo{height:40px;width:auto}.nav-links{display:flex;gap:var(--space-6);list-style:none;align-items:center}.nav-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--transition-fast);position:relative}.nav-link:hover{opacity:.7}.nav-lang{display:flex;gap:var(--space-2);align-items:center}.nav-lang-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);cursor:pointer;transition:background-color var(--transition-fast)}.nav-lang-btn:hover,.nav-lang-btn.active{background-color:var(--color-bg-panel)}.main{padding-top:calc(var(--nav-height) + var(--space-8));min-height:100vh;padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:var(--space-16)}.container{max-width:var(--max-width);margin:0 auto}.hero{text-align:center;padding:var(--space-16) 0}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4);text-transform:uppercase}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.hero-cta{display:inline-flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:var(--space-3) var(--space-8);background-color:var(--color-accent);color:var(--color-bg-primary);text-decoration:none;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-accent);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:transparent;color:var(--color-accent)}.btn-outline:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.section{padding:var(--space-16) 0}.section-title{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin-bottom:var(--space-8);letter-spacing:-.01em}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background-color:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-6);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-text-secondary)}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);text-transform:uppercase}.card-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chat-float{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:90}.chat-btn{width:60px;height:60px;border-radius:50%;background-color:var(--color-accent);color:var(--color-bg-primary);border:none;cursor:pointer;font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.chat-btn:hover{transform:scale(1.05)}.chat-bubble-container{position:fixed;bottom:100px;right:var(--space-6);z-index:89;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.chat-bubble{background-color:#ffffffe6;color:var(--color-bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;animation:float 4s ease-in-out infinite;text-decoration:none;display:inline-block}.chat-bubble:nth-child(2){animation-delay:.5s}.chat-bubble:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.nav-links{display:none}.main{padding-left:var(--space-3);padding-right:var(--space-3)}.chat-bubble-container,.chat-float{right:var(--space-3)}}@media (prefers-reduced-motion: reduce){.chat-bubble{animation:none}}