.scroll-progress-container{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff0d;overflow:hidden;z-index:calc(var(--z-sticky) + 1)}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-electric) 0%,var(--color-lime) 50%,var(--color-orange) 100%);transition:width .1s ease-out;box-shadow:0 0 10px var(--color-electric),0 0 20px #4dd0e180;position:relative}.scroll-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.scroll-progress-bar{transition:none}.scroll-progress-bar:after{animation:none}}.toast-container{position:fixed;top:var(--space-xl, 2rem);right:var(--space-xl, 2rem);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm, .5rem);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem) var(--space-lg, 1.5rem);background:var(--color-surface, #ffffff);border-radius:var(--radius-md, 8px);box-shadow:0 4px 12px #0000001a,0 0 0 1px #0000000d;animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);pointer-events:all;min-width:300px}.toast--success{border-left:4px solid var(--color-success, #22c55e)}.toast--error{border-left:4px solid var(--color-error, #ef4444)}.toast--info{border-left:4px solid var(--color-info, #3b82f6)}.toast--warning{border-left:4px solid var(--color-warning, #f59e0b)}.toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.toast--success .toast__icon{color:var(--color-success, #22c55e)}.toast--error .toast__icon{color:var(--color-error, #ef4444)}.toast--info .toast__icon{color:var(--color-info, #3b82f6)}.toast--warning .toast__icon{color:var(--color-warning, #f59e0b)}.toast__message{flex:1;font-size:14px;line-height:1.5;color:var(--color-text, #1f2937)}.toast__close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted, #6b7280);font-size:18px;line-height:1;border-radius:var(--radius-sm, 4px);transition:all .2s}.toast__close:hover{background:var(--color-hover, rgba(0, 0, 0, .05));color:var(--color-text, #1f2937)}.toast__close:focus{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:var(--space-md, 1rem);right:var(--space-md, 1rem);left:var(--space-md, 1rem);max-width:none}.toast{min-width:0}}:root{--color-anthracite: #08111a;--color-deep-dark: #030a0f;--color-navy: #001428;--color-offwhite: #fafbfc;--color-lime: #b4ff66;--color-electric: #00e5ff;--color-orange: #ff7043;--color-bg-dark: var(--color-anthracite);--accent-lime: var(--color-lime);--accent-electric: var(--color-electric);--accent-lime-glow: rgba(180, 255, 102, .35);--accent-electric-glow: rgba(0, 229, 255, .35);--accent-gold-glow: rgba(255, 213, 79, .35);--accent-coral-glow: rgba(255, 138, 128, .32);--color-euro-yellow: #ffd700;--color-euro-gold: #ffd700;--color-euro-red: #c8102e;--color-euro-ice: #b0e0e6;--color-denmark-red: #c8102e;--color-sweden-blue: #006aa7;--color-sweden-yellow: #fecc02;--color-norway-red: #ba0c2f;--color-norway-blue: #00205b;--color-warm-orange: #ff9f43;--color-coral: #ff6b6b;--color-gold: #ffd700;--color-turquoise: #1abc9c;--color-youth-gold: #ffb800;--color-youth-gold-dark: #e0a820;--color-neon-lime: #b4ff66;--color-neon-electric: #00f0ff;--color-neon-magenta: #ff00ff;--color-neon-lime-dark: #90e020;--color-neon-electric-dark: #00c4d4;--color-lime-dark: #90e020;--color-electric-dark: #00c4d4;--bg: var(--color-anthracite);--bg-gradient: radial-gradient(1800px 1200px at 10% -12%, rgba(0, 229, 255, .15) 0%, transparent 65%), radial-gradient(1400px 900px at 90% 5%, rgba(180, 255, 102, .12) 0%, transparent 60%), radial-gradient(1000px 800px at 50% 98%, rgba(255, 112, 67, .1) 0%, transparent 70%), radial-gradient(800px 600px at 15% 80%, rgba(0, 229, 255, .06) 0%, transparent 75%), var(--color-anthracite);--bg-soft: #0f1a24;--bg-premium: linear-gradient(180deg, rgba(8, 17, 26, .99) 0%, rgba(3, 10, 15, 1) 100%);--bg-glass: rgba(6, 75, 120, .32);--bg-glass-strong: rgba(6, 75, 120, .52);--panel: rgba(6, 75, 120, .42);--panel-strong: rgba(6, 75, 120, .65);--panel-hover: rgba(6, 75, 120, .58);--panel-highlight: rgba(180, 255, 102, .12);--panel-glass: rgba(255, 255, 255, .05);--panel-glass-border: rgba(255, 255, 255, .12);--text: var(--color-offwhite);--txt: var(--color-offwhite);--fg: var(--color-offwhite);--text-secondary: #eef3f9;--muted: #cbd5e3;--ok: #34d399;--bad: #f87171;--warning: #f59e0b;--info: var(--color-electric);--chip: rgba(0, 31, 63, .6);--stroke: rgba(77, 208, 225, .2);--stroke-medium: rgba(255, 255, 255, .15);--stroke-strong: rgba(77, 208, 225, .35);--stroke-warm: rgba(255, 159, 67, .3);--space-xs: clamp(4px, .5vw, 8px);--space-sm: clamp(8px, 1vw, 12px);--space-md: clamp(12px, 1.5vw, 20px);--space-lg: clamp(20px, 2.5vw, 32px);--space-xl: clamp(32px, 4vw, 48px);--space-2xl: clamp(48px, 6vw, 72px);--space-3xl: clamp(64px, 8vw, 96px);--space-tight: 6px;--space-compact: 10px;--rhythm: 14px;--radius-sm: 8px;--radius: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .2);--shadow-sm: 0 3px 10px rgba(0, 0, 0, .3);--shadow: 0 12px 35px rgba(0, 0, 0, .4);--shadow-strong: 0 24px 70px rgba(0, 0, 0, .55);--shadow-xl: 0 35px 100px rgba(0, 0, 0, .65);--shadow-soft: 0 5px 15px rgba(0, 0, 0, .18);--shadow-premium: 0 28px 90px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .35);--shadow-glow: 0 0 45px rgba(168, 255, 62, .18), 0 12px 45px rgba(0, 0, 0, .45);--shadow-lime: 0 10px 38px rgba(168, 255, 62, .32);--shadow-electric: 0 10px 38px rgba(0, 212, 255, .32);--shadow-lime-strong: 0 18px 72px rgba(168, 255, 62, .4), 0 5px 18px rgba(168, 255, 62, .24);--shadow-electric-strong: 0 18px 72px rgba(0, 212, 255, .4), 0 5px 18px rgba(0, 212, 255, .24);--shadow-gold: 0 10px 38px rgba(255, 213, 79, .32);--shadow-coral: 0 10px 38px rgba(255, 107, 53, .26);--shadow-card: 0 2px 4px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .22), 0 20px 40px rgba(0, 0, 0, .28);--shadow-card-hover: 0 4px 8px rgba(0, 0, 0, .15), 0 16px 32px rgba(0, 0, 0, .22), 0 40px 80px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 212, 255, .25);--focus: 0 0 0 3px var(--color-electric);--focus-lime: 0 0 0 3px var(--color-lime);--focus-offset: 2px;--glow-lime: 0 0 20px rgba(180, 255, 102, .35);--glow-electric: 0 0 20px rgba(0, 229, 255, .35);--glow-gold: 0 0 20px rgba(255, 213, 79, .35);--glow-neon-lime: 0 0 20px rgba(180, 255, 102, .4);--glow-neon-lime-strong: 0 0 30px rgba(180, 255, 102, .6);--glow-neon-electric: 0 0 20px rgba(0, 240, 255, .4);--glow-neon-electric-strong: 0 0 30px rgba(0, 240, 255, .6);--glow-neon-magenta: 0 0 20px rgba(255, 0, 255, .4);--glow-neon-magenta-strong: 0 0 30px rgba(255, 0, 255, .6);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--text-xs: clamp(.8125rem, .9vw, .9375rem);--text-sm: clamp(.9375rem, 1vw, 1.0625rem);--text-base: clamp(1.0625rem, 1.25vw, 1.1875rem);--text-lg: clamp(1.1875rem, 1.5vw, 1.3125rem);--text-xl: clamp(1.3125rem, 2vw, 1.5625rem);--text-2xl: clamp(1.5625rem, 2.5vw, 2.125rem);--text-3xl: clamp(2.125rem, 3.5vw, 3.125rem);--text-4xl: clamp(2.625rem, 4.5vw, 4.25rem);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 1000;--z-popover: 600;--z-tooltip: 700;--z-toast: 2000}html,body{background:var(--bg-gradient);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(168,232,92,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(77,208,225,.03) 0%,transparent 50%);pointer-events:none;z-index:0}p{line-height:1.6;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:var(--font-weight-bold);margin-top:0;margin-bottom:.75rem}@media(max-width:768px){html{font-size:16px}p{line-height:1.65}}.card{background:linear-gradient(135deg,var(--panel-glass),var(--panel));border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-lg);margin:var(--space-md) 0;border:1px solid var(--panel-glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);will-change:transform}.card:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-electric) 30%,var(--accent-lime) 50%,var(--accent-electric) 70%,transparent 100%);opacity:0;transition:opacity var(--transition-base),left 1.5s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-premium),var(--shadow-glow);border-color:var(--accent-electric);background:linear-gradient(135deg,var(--panel-glass-border),var(--panel-hover))}.card:hover:before{opacity:1;left:0}.card-strong{background:var(--panel-strong);border-color:var(--stroke-medium)}.card-interactive{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-interactive:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-electric-strong),var(--glow-electric)}.card-interactive:active{transform:translateY(-3px) scale(1.01);transition:transform var(--transition-fast)}.card-h{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.card-h h2{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space-md);align-items:center}.tag{display:inline-flex;align-items:center;background:var(--chip);color:var(--muted);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);border:1px solid var(--stroke);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast);line-height:1}.tag:hover{background:var(--panel-hover);border-color:var(--stroke-medium);transform:scale(1.05)}.chip-pos{background:#08210fcc;color:var(--ok);padding:4px 10px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);border:1px solid rgba(22,163,74,.3);backdrop-filter:blur(8px);display:inline-flex;align-items:center;line-height:1}.chip-neg{background:#2a0c0ccc;color:var(--bad);padding:4px 10px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);border:1px solid rgba(220,38,38,.3);backdrop-filter:blur(8px);display:inline-flex;align-items:center;line-height:1}.chip-neutral{background:#1f2940cc;color:var(--muted);padding:4px 10px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--text-xs);border:1px solid var(--stroke);backdrop-filter:blur(8px);display:inline-flex;align-items:center;line-height:1}.grid{display:grid;gap:var(--space-md)}.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-md)}.k{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.v{font-weight:var(--font-weight-semibold);color:var(--text);font-size:var(--text-base);line-height:1.4}.row{display:flex;gap:var(--space-md);flex-wrap:wrap}.row-center{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.btn{appearance:none;border:1px solid var(--stroke-medium);background:var(--panel);color:var(--text);padding:12px 20px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;position:relative;overflow:hidden;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform;line-height:1.2}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-smooth),height var(--transition-smooth);pointer-events:none}.btn:hover{background:var(--panel-hover);border-color:var(--accent-electric);transform:translateY(-3px);box-shadow:var(--shadow),var(--shadow-electric)}.btn:hover:after{width:300px;height:300px}.btn:active{transform:translateY(0);transition:transform var(--transition-fast)}.btn.wobble{animation:handball-wobble .5s ease-in-out}.btn.primary{background:linear-gradient(135deg,var(--color-lime),var(--color-lime-dark));border-color:var(--color-lime);color:var(--color-navy);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm),var(--shadow-lime);position:relative;overflow:hidden}.btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn.primary:hover:before{left:100%}.btn.primary:after{background:#ffffff4d}.btn.primary:hover{background:linear-gradient(135deg,var(--color-lime-dark),var(--color-lime));box-shadow:var(--shadow-strong),var(--shadow-lime-strong);border-color:var(--color-lime);transform:translateY(-4px) scale(1.02)}@media(prefers-reduced-motion:reduce){.btn.primary:hover{transform:translateY(-2px)}}.btn.secondary{background:linear-gradient(135deg,var(--accent-electric),var(--color-electric-dark));border-color:var(--accent-electric);color:var(--color-navy);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm),var(--shadow-electric)}.btn.secondary:after{background:#ffffff4d}.btn.secondary:hover{background:linear-gradient(135deg,var(--color-electric-dark),var(--accent-electric));box-shadow:var(--shadow-strong),var(--shadow-electric-strong);transform:translateY(-4px) scale(1.02)}@media(prefers-reduced-motion:reduce){.btn.secondary:hover{transform:translateY(-2px)}}.btn.accent{background:linear-gradient(135deg,var(--color-lime),var(--color-electric));border:none;color:var(--color-bg-dark);font-weight:var(--font-weight-bold);box-shadow:var(--shadow)}.btn.accent:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-strong),var(--glow-lime)}.btn.outline{background:transparent;border:2px solid var(--stroke-strong);color:var(--text)}.btn.outline:hover{background:var(--panel);border-color:var(--accent-electric)}.btn.ghost{background:transparent;border:1px solid transparent;color:var(--text)}.btn.ghost:hover{background:var(--panel);border-color:var(--stroke-medium)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:var(--focus);outline-offset:var(--focus-offset)}.btn-icon{padding:12px;min-width:48px;min-height:48px;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.table th{position:sticky;top:0;background:var(--color-navy);font-weight:var(--font-weight-bold)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);width:100%}@media(max-width:1440px){.container{max-width:1200px}}@media(max-width:1200px){.container{max-width:960px;padding:0 var(--space-md)}}@media(max-width:768px){.container{padding:0 var(--space-md)}}@media(max-width:480px){.container{padding:0 var(--space-sm)}}.text-gradient{background:linear-gradient(135deg,var(--color-offwhite) 0%,var(--color-lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.text-gradient-electric{background:linear-gradient(135deg,var(--color-electric) 0%,var(--color-lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #b4ff664d}50%{box-shadow:0 0 40px #b4ff6680}}@keyframes handball-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes handball-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes handball-bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.05)}50%{transform:translateY(0) scale(.95)}75%{transform:translateY(-7px) scale(1.02)}}.fade-in{animation:fadeIn .4s var(--ease-out) forwards}.fade-in-scale{animation:fadeInScale .5s var(--ease-out) forwards}.slide-in{animation:slideIn .4s var(--ease-out) forwards}.slide-up{animation:slideUp .4s var(--ease-out) forwards}.pulse{animation:pulse 2s var(--ease-in-out) infinite}.handball-wobble{animation:handball-wobble .5s ease-in-out}.handball-spin{animation:handball-spin 1s linear infinite}.handball-bounce{animation:handball-bounce .8s ease-in-out}.handball-texture{position:relative}.handball-texture:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.03' /%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay}.court-floor{background:linear-gradient(90deg,rgba(168,232,92,.02) 1px,transparent 1px),linear-gradient(rgba(168,232,92,.02) 1px,transparent 1px);background-size:50px 50px}.energy-pulse{position:relative;animation:energy-pulse 2s ease-in-out infinite}@keyframes energy-pulse{0%,to{box-shadow:0 0 #a8e85c66}50%{box-shadow:0 0 0 10px #a8e85c00}}.goal-celebration{position:relative;overflow:hidden}.goal-celebration:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:goal-shimmer 2s ease-in-out infinite}@keyframes goal-shimmer{0%{left:-100%}to{left:100%}}.focus-handball{outline:none;transition:box-shadow var(--transition-base)}.focus-handball:focus-visible{box-shadow:0 0 0 3px var(--color-bg-dark),0 0 0 6px var(--accent-lime),0 0 24px #b4ff6680;outline:2px solid transparent;outline-offset:2px}@media(prefers-contrast:high){:root{--stroke: rgba(255, 255, 255, .4);--stroke-medium: rgba(255, 255, 255, .6);--stroke-strong: rgba(255, 255, 255, .8)}.focus-handball:focus-visible{outline:3px solid var(--accent-lime)}}.skeleton{background:linear-gradient(90deg,var(--panel) 0%,var(--panel-hover) 50%,var(--panel) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--panel)}.progress-bar-fill:after{animation:none}.notification-dot:after{animation:none}}.skeleton-text{height:1em;margin:.5em 0;border-radius:var(--radius-sm)}.skeleton-title{height:2em;width:60%;margin:.5em 0;border-radius:var(--radius-md)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-button{height:44px;width:120px;border-radius:var(--radius-md)}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--panel);border-top-color:var(--accent-lime);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:24px;height:24px;border-width:3px}.spinner-lg{width:64px;height:64px;border-width:6px}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:max(200px,100%);height:max(200px,100%);border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.ripple-effect:active:after{opacity:.6;animation:ripple .6s ease-out}.progress-bar{width:100%;height:8px;background:var(--panel);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));border-radius:var(--radius-full);transition:width .3s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.tooltip{position:relative}.tooltip:before,.tooltip:after{position:absolute;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.tooltip:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--panel-strong);color:var(--text);padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--stroke-medium);box-shadow:var(--shadow-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tooltip:after{content:"";bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:var(--panel-strong)}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus-visible:before,.tooltip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1;background:var(--panel);border:1px solid var(--stroke);color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge.success{background:#34d39926;border-color:var(--ok);color:var(--ok)}.badge.error{background:#f8717126;border-color:var(--bad);color:var(--bad)}.badge.warning{background:#f59e0b26;border-color:var(--warning);color:var(--warning)}.badge.info{background:#00e5ff26;border-color:var(--accent-electric);color:var(--accent-electric)}.notification-dot{position:relative}.notification-dot:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:var(--bad);border:2px solid var(--color-bg-dark);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--stroke-medium),transparent);margin:var(--space-lg) 0}.divider-vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--stroke-medium),transparent);margin:0 var(--space-md)}.glass{background:#0a3d6266;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-card)}.glass-strong{background:#0a3d6299;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.15)}@supports not (backdrop-filter: blur(20px)){.glass{background:#0a3d62d9}.glass-strong{background:#0a3d62f2}}.btn-supreme{font-family:var(--font-sans);font-size:clamp(.9375rem,1.1vw,1.0625rem);font-weight:var(--font-weight-semibold);letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;min-height:48px;min-width:48px;border-radius:var(--radius-lg);border:none;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-electric) 100%);box-shadow:0 4px 14px #00000040,0 2px 6px #b4ff6633;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base);will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn-supreme:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.25) 55%,transparent 100%);opacity:0;transform:translate(-100%) rotate(45deg);transition:all .8s cubic-bezier(.4,0,.2,1)}.btn-supreme:hover:before{opacity:1;transform:translate(100%) rotate(45deg)}.btn-supreme:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0000004d,0 4px 12px #b4ff6666,0 0 35px #b4ff6633;filter:brightness(1.05)}.btn-supreme:active{transform:translateY(-1px) scale(1.01);transition:transform var(--transition-fast)}.btn-supreme:focus-visible{outline:3px solid var(--accent-electric);outline-offset:3px}.btn-supreme:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-supreme.primary{background:linear-gradient(135deg,var(--accent-lime) 0%,#90e020 100%);color:var(--color-anthracite);box-shadow:0 4px 14px #00000040,0 2px 8px #b4ff664d}.btn-supreme.primary:hover{box-shadow:0 8px 24px #0000004d,0 4px 12px #b4ff6680,0 0 40px #b4ff664d}.btn-supreme.secondary{background:linear-gradient(135deg,var(--accent-electric) 0%,#00c4d4 100%);color:var(--color-anthracite);box-shadow:0 4px 14px #00000040,0 2px 8px #00e5ff4d}.btn-supreme.secondary:hover{box-shadow:0 8px 24px #0000004d,0 4px 12px #00e5ff80,0 0 40px #00e5ff4d}.btn-supreme.ghost{background:#ffffff0d;border:2px solid var(--accent-lime);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026}.btn-supreme.ghost:hover{background:#b4ff661f;border-color:var(--accent-electric);box-shadow:0 6px 20px #00000040,0 0 30px #b4ff6633}.btn-supreme.outline{background:transparent;border:2px solid var(--stroke-medium);color:var(--text);box-shadow:none}.btn-supreme.outline:hover{border-color:var(--accent-lime);background:#b4ff6614;box-shadow:0 4px 16px #b4ff6626}.btn-supreme.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #00000040,0 2px 8px #ef44444d}.btn-supreme.danger:hover{box-shadow:0 8px 24px #0000004d,0 4px 12px #ef444480}.btn-supreme.success{background:linear-gradient(135deg,var(--ok) 0%,#22c55e 100%);color:#fff;box-shadow:0 4px 14px #00000040,0 2px 8px #34d3994d}.btn-supreme.sm{padding:10px 20px;min-height:40px;font-size:clamp(.875rem,1vw,.9375rem);gap:8px}.btn-supreme.lg{padding:18px 36px;min-height:56px;font-size:clamp(1.0625rem,1.2vw,1.1875rem);gap:12px}.btn-supreme.xl{padding:22px 44px;min-height:64px;font-size:clamp(1.125rem,1.3vw,1.25rem);gap:14px;border-radius:var(--radius-xl)}.btn-supreme.glow{animation:glowPulseSupreme 2.5s ease-in-out infinite}.btn-supreme.icon-only{padding:12px;min-width:48px;border-radius:var(--radius)}.btn-supreme.icon-only.sm{padding:8px;min-width:40px}.btn-supreme.full{width:100%}.btn-group-supreme{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-group-supreme.vertical{flex-direction:column;align-items:stretch}.btn-group-supreme.compact{gap:8px}.btn-supreme.loading{position:relative;color:transparent;pointer-events:none}.btn-supreme.loading:after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.btn-supreme{padding:12px 24px;min-height:44px}.btn-supreme.lg{padding:16px 32px;min-height:52px}.btn-supreme.xl{padding:20px 40px;min-height:60px}.btn-supreme.mobile-full{width:100%}}@media(max-width:640px){.btn-group-supreme{flex-direction:column;align-items:stretch}.btn-group-supreme .btn-supreme{width:100%}}.card-supreme{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#064b7873,#064b7859);border:1px solid var(--panel-glass-border);backdrop-filter:blur(32px) saturate(1.2);-webkit-backdrop-filter:blur(32px) saturate(1.2);box-shadow:0 4px 8px #00000026,0 12px 28px #00000040,0 28px 60px #00000059,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);will-change:transform}.card-supreme:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-electric) 25%,var(--accent-lime) 50%,var(--accent-electric) 75%,transparent 100%);opacity:0;transition:opacity var(--transition-base),left 1.2s cubic-bezier(.4,0,.2,1)}.card-supreme:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(180,255,102,.08),transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card-supreme:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 8px 16px #0003,0 20px 48px #0000004d,0 40px 90px #0006,0 0 0 1px #00e5ff4d,inset 0 1px #ffffff26;border-color:var(--accent-electric);background:linear-gradient(135deg,#064b788c,#064b7873)}.card-supreme:hover:before{opacity:1;left:0}.card-supreme:hover:after{opacity:1}.card-supreme:active{transform:translateY(-4px) scale(1.005);transition:transform var(--transition-fast)}.card-supreme.interactive{cursor:pointer}.card-supreme.interactive:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 10px 20px #00000040,0 24px 60px #00000059,0 48px 110px #00000073,0 0 60px #b4ff6626,0 0 0 1px var(--accent-lime)}.card-supreme.featured{background:linear-gradient(135deg,#b4ff6626,#064b7873,#00e5ff1f);border:2px solid rgba(180,255,102,.3);box-shadow:0 6px 12px #0003,0 16px 36px #0000004d,0 32px 72px #b4ff6626,inset 0 1px #ffffff26}.card-supreme.featured:before{background:linear-gradient(90deg,transparent 0%,var(--accent-lime) 50%,transparent 100%);opacity:.8}.card-supreme.strong{background:linear-gradient(135deg,#064b78a6,#064b788c)}.card-supreme.subtle{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 4px #0000001a,0 8px 16px #00000026}.card-supreme.bordered{border-width:2px;border-color:var(--stroke-medium)}.card-supreme.bordered:hover{border-color:var(--accent-lime)}.card-supreme.flat{box-shadow:none;background:#064b7859}.card-supreme.compact{padding:var(--space-md);gap:var(--space-sm)}.card-supreme.large{padding:var(--space-2xl);gap:var(--space-lg)}.card-supreme-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.card-supreme-header h2,.card-supreme-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text);letter-spacing:-.02em}.card-supreme-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 var(--space-sm) 0;letter-spacing:-.02em}.card-supreme-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.card-supreme-body{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.card-supreme-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.card-supreme-actions{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.card-supreme.stats{text-align:center;padding:var(--space-lg)}.card-supreme.stats .stat-value{font-size:var(--text-4xl);font-weight:var(--font-weight-black);color:var(--accent-lime);margin:0;line-height:1.1;background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-supreme.stats .stat-label{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.card-supreme.media{padding:0;overflow:hidden}.card-supreme.media .media-image{width:100%;height:240px;object-fit:cover;display:block}.card-supreme.media .media-content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.card-supreme.horizontal{flex-direction:row;align-items:center}.card-supreme.horizontal .media-image{width:200px;height:100%;flex-shrink:0}.card-grid-supreme{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl);width:100%}.card-grid-supreme.dense{gap:var(--space-lg)}.card-grid-supreme.sparse{gap:var(--space-2xl)}.card-grid-supreme.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid-supreme.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid-supreme.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.card-grid-supreme.cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.card-grid-supreme.cols-3,.card-grid-supreme.cols-4{grid-template-columns:repeat(2,1fr)}.card-supreme.horizontal{flex-direction:column}.card-supreme.horizontal .media-image{width:100%;height:200px}}@media(max-width:640px){.card-supreme{padding:var(--space-lg)}.card-grid-supreme,.card-grid-supreme.cols-2,.card-grid-supreme.cols-3,.card-grid-supreme.cols-4{grid-template-columns:1fr;gap:var(--space-lg)}.card-supreme.large{padding:var(--space-xl)}.card-supreme-header,.card-supreme-footer{flex-direction:column;align-items:flex-start}}.display-supreme{font-size:clamp(2.5rem,5vw,5rem);font-weight:var(--font-weight-black);line-height:1.1;letter-spacing:-.04em;margin:0 0 var(--space-lg) 0;color:var(--text);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@supports (-webkit-background-clip: text) or (background-clip: text){.display-supreme{background:linear-gradient(135deg,var(--text) 0%,var(--accent-lime) 50%,var(--accent-electric) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.h1-supreme{font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.03em;margin:0 0 var(--space-md) 0;color:var(--text)}.h2-supreme{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:-.02em;margin:0 0 var(--space-md) 0;color:var(--text)}.h3-supreme{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-.015em;margin:0 0 var(--space-sm) 0;color:var(--text)}.h4-supreme{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:var(--font-weight-semibold);line-height:1.35;letter-spacing:-.01em;margin:0 0 var(--space-sm) 0;color:var(--text)}.h5-supreme{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:0;margin:0 0 var(--space-xs) 0;color:var(--text-secondary)}.h6-supreme{font-size:clamp(.875rem,1.2vw,1rem);font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em;margin:0 0 var(--space-xs) 0;color:var(--text-secondary);text-transform:uppercase}.lead-supreme{font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:var(--font-weight-normal);line-height:1.7;letter-spacing:-.005em;margin:0 0 var(--space-md) 0;color:var(--text-secondary)}.body-supreme{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.7;letter-spacing:0;margin:0 0 var(--space-md) 0;color:var(--text)}.body-sm-supreme{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:0;margin:0 0 var(--space-sm) 0;color:var(--text-secondary)}.body-xs-supreme{font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:.01em;margin:0;color:var(--muted)}.kicker-supreme{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1.4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-xs) 0;color:var(--accent-lime)}.byline-supreme{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:0;margin:0;color:var(--muted)}.quote-supreme{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:-.01em;margin:var(--space-xl) 0;padding-left:var(--space-lg);border-left:4px solid var(--accent-lime);color:var(--text-secondary);font-style:italic}.caption-supreme{font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:0;margin:var(--space-xs) 0 0 0;color:var(--muted)}.label-supreme{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1.4;letter-spacing:.05em;text-transform:uppercase;margin:0;color:var(--text-secondary)}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-medium{font-weight:var(--font-weight-medium)}.text-muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.text-lime{color:var(--accent-lime)}.text-electric{color:var(--accent-electric)}.text-success{color:var(--ok)}.text-error{color:var(--bad)}.text-warning{color:var(--warning)}.text-gradient-supreme{background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--color-gold),var(--color-warm-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.text-capitalize{text-transform:capitalize}.text-italic{font-style:italic}.text-underline{text-decoration:underline;text-decoration-color:var(--accent-lime);text-underline-offset:3px;text-decoration-thickness:2px}.text-no-decoration{text-decoration:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-supreme{color:var(--accent-electric);text-decoration:none;position:relative;transition:color var(--transition-base);font-weight:var(--font-weight-medium)}.link-supreme:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-lime);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.link-supreme:hover{color:var(--accent-lime)}.link-supreme:hover:after{transform:scaleX(1);transform-origin:left}.link-subtle{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.link-subtle:hover{color:var(--accent-lime)}.list-supreme{list-style:none;padding:0;margin:0 0 var(--space-md) 0}.list-supreme li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);line-height:1.7}.list-supreme li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--accent-lime);border-radius:50%;box-shadow:0 0 8px #b4ff6666}.list-ordered-supreme{list-style:none;counter-reset:supreme-counter;padding:0;margin:0 0 var(--space-md) 0}.list-ordered-supreme li{position:relative;padding-left:var(--space-xl);margin-bottom:var(--space-md);line-height:1.7;counter-increment:supreme-counter}.list-ordered-supreme li:before{content:counter(supreme-counter);position:absolute;left:0;top:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-anthracite);background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));border-radius:50%;box-shadow:0 2px 8px #b4ff664d}@media(max-width:768px){.display-supreme{line-height:1.15}.quote-supreme{padding-left:var(--space-md);border-left-width:3px}.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}.link-supreme:focus-visible,.link-subtle:focus-visible{outline:3px solid var(--accent-electric);outline-offset:3px;border-radius:2px}.container-supreme{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-xl)}.container-supreme.wide{max-width:1600px}.container-supreme.narrow{max-width:1200px}.container-supreme.tight{max-width:960px}.container-supreme.article{max-width:720px}.section-supreme{width:100%;padding:var(--space-3xl) 0;position:relative}.section-supreme.compact{padding:var(--space-2xl) 0}.section-supreme.spacious{padding:clamp(4rem,8vw,8rem) 0}.section-supreme.with-bg{background:linear-gradient(135deg,rgba(6,75,120,.15) 0%,transparent 100%)}.grid-supreme{display:grid;gap:var(--space-xl);width:100%}.grid-supreme.auto{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid-supreme.cols-2{grid-template-columns:repeat(2,1fr)}.grid-supreme.cols-3{grid-template-columns:repeat(3,1fr)}.grid-supreme.cols-4{grid-template-columns:repeat(4,1fr)}.grid-supreme.sidebar{grid-template-columns:1.4fr .6fr}.grid-supreme.sidebar.reverse{grid-template-columns:.6fr 1.4fr}.grid-supreme.dense{gap:var(--space-md)}.grid-supreme.sparse{gap:var(--space-2xl)}.flex-supreme{display:flex;gap:var(--space-md)}.flex-supreme.column{flex-direction:column}.flex-supreme.row{flex-direction:row}.flex-supreme.wrap{flex-wrap:wrap}.flex-supreme.center{align-items:center;justify-content:center}.flex-supreme.between{justify-content:space-between}.flex-supreme.around{justify-content:space-around}.flex-supreme.start{align-items:flex-start}.flex-supreme.end{align-items:flex-end}.flex-supreme.tight{gap:var(--space-xs)}.flex-supreme.compact{gap:var(--space-sm)}.flex-supreme.spacious{gap:var(--space-xl)}.stack-supreme{display:flex;flex-direction:column;gap:var(--space-lg)}.stack-supreme.xs{gap:var(--space-xs)}.stack-supreme.sm{gap:var(--space-sm)}.stack-supreme.md{gap:var(--space-md)}.stack-supreme.lg{gap:var(--space-lg)}.stack-supreme.xl{gap:var(--space-xl)}.stack-supreme.xxl{gap:var(--space-2xl)}.hero-supreme{width:100%;min-height:clamp(500px,60vh,800px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--radius-2xl);margin-bottom:var(--space-3xl);background:radial-gradient(ellipse 1200px 800px at 8% -5%,rgba(0,229,255,.2) 0%,transparent 60%),radial-gradient(ellipse 1000px 900px at 92% 5%,rgba(180,255,102,.16) 0%,transparent 65%),radial-gradient(ellipse 900px 600px at 50% 100%,rgba(255,112,67,.12) 0%,transparent 75%),linear-gradient(135deg,var(--color-anthracite) 0%,rgba(6,75,120,.6) 50%,var(--color-anthracite) 100%);box-shadow:0 30px 100px #0009,0 10px 30px #0006,inset 0 -1px #ffffff1a}.hero-supreme-content{position:relative;z-index:2;text-align:center;max-width:960px;padding:var(--space-2xl)}.hero-supreme.with-image{background-position:center;background-size:cover;background-repeat:no-repeat}.hero-supreme.with-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#08111ad9,#08111ab3,#08111ad9);z-index:1}.hero-supreme.compact{min-height:clamp(400px,45vh,600px)}.divider-supreme{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--stroke-medium) 50%,transparent 100%);margin:var(--space-xl) 0;border:none}.divider-supreme.thick{height:2px}.divider-supreme.gradient{height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-lime) 30%,var(--accent-electric) 70%,transparent 100%);box-shadow:0 0 10px #b4ff664d}.divider-vertical-supreme{width:1px;height:100%;background:var(--stroke-medium);margin:0 var(--space-md)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-xxl{margin:var(--space-2xl)}.mt-xxl{margin-top:var(--space-2xl)}.mb-xxl{margin-bottom:var(--space-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xxl{padding:var(--space-2xl)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.container-supreme{padding:0 var(--space-md)}.grid-supreme.cols-2,.grid-supreme.cols-3,.grid-supreme.cols-4,.grid-supreme.sidebar,.grid-supreme.sidebar.reverse{grid-template-columns:1fr}.flex-supreme.mobile-column{flex-direction:column}.hero-supreme{border-radius:var(--radius-lg)}.hero-supreme-content{padding:var(--space-xl)}}@media(min-width:769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media(max-width:980px){.hide-tablet{display:none!important}.grid-supreme.cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.container-supreme{padding:0 var(--space-2xl)}}.aspect-supreme{position:relative;width:100%;overflow:hidden}.aspect-supreme:before{content:"";display:block;padding-bottom:calc(100% / (var(--aspect-ratio, 1)))}.aspect-supreme>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.aspect-square{--aspect-ratio: 1}.aspect-video{--aspect-ratio: 1.777}.aspect-cinema{--aspect-ratio: 2.39}.aspect-portrait{--aspect-ratio: .75}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.max-w-full{max-width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-text-size-adjust:100%;cursor:default}::selection{background:var(--accent-lime);color:var(--color-anthracite)}::-moz-selection{background:var(--accent-lime);color:var(--color-anthracite)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-soft);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));border-radius:var(--radius);border:2px solid var(--bg-soft);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-electric),var(--accent-lime))}*{scrollbar-width:thin;scrollbar-color:var(--accent-lime) var(--bg-soft)}*:focus-visible{outline:3px solid var(--accent-electric);outline-offset:3px;border-radius:2px}img{max-width:100%;height:auto;display:block}img[loading=lazy]{opacity:0;transition:opacity var(--transition-base)}img[loading=lazy].loaded{opacity:1}.img-supreme{border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.img-supreme:hover{transform:scale(1.02);box-shadow:var(--shadow-premium)}.badge-supreme{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-base),background var(--transition-base)}.badge-supreme:hover{transform:scale(1.05);background:#ffffff1f}.badge-supreme.lime{background:#b4ff6626;border-color:var(--accent-lime);color:var(--accent-lime)}.badge-supreme.electric{background:#00e5ff26;border-color:var(--accent-electric);color:var(--accent-electric)}.badge-supreme.success{background:#34d39926;border-color:var(--ok);color:var(--ok)}.badge-supreme.warning{background:#f59e0b26;border-color:var(--warning);color:var(--warning)}.badge-supreme.error{background:#f8717126;border-color:var(--bad);color:var(--bad)}.skeleton-supreme{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 2s ease-in-out infinite;border-radius:var(--radius)}.spinner-supreme{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-lime);border-radius:50%;animation:spin .8s linear infinite}.spinner-supreme.sm{width:24px;height:24px;border-width:3px}.spinner-supreme.lg{width:64px;height:64px;border-width:5px}.tooltip-supreme{position:relative;display:inline-block}.tooltip-supreme:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:8px 12px;background:#08111af2;border:1px solid var(--panel-glass-border);border-radius:var(--radius);color:var(--text);font-size:var(--text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-premium);z-index:var(--z-tooltip)}.tooltip-supreme:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(8,17,26,.95);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:var(--z-tooltip)}.tooltip-supreme:hover:before,.tooltip-supreme:hover:after{opacity:1}.tooltip-supreme:hover:before{transform:translate(-50%) translateY(0)}.table-supreme{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.table-supreme thead{background:linear-gradient(135deg,#064b7899,#064b7866)}.table-supreme th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(255,255,255,.12)}.table-supreme td{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.06)}.table-supreme tbody tr{transition:background var(--transition-base)}.table-supreme tbody tr:hover{background:#ffffff0a}.table-supreme tbody tr:last-child td{border-bottom:none}.alert-supreme{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:var(--space-lg)}.alert-supreme.success{background:#34d3991f;border-color:var(--ok);color:var(--text)}.alert-supreme.warning{background:#f59e0b1f;border-color:var(--warning);color:var(--text)}.alert-supreme.error{background:#f871711f;border-color:var(--bad);color:var(--text)}.alert-supreme.info{background:#00e5ff1f;border-color:var(--accent-electric);color:var(--text)}.input-supreme{width:100%;padding:14px 18px;font-size:var(--text-base);font-family:var(--font-sans);color:var(--text);background:#ffffff0d;border:2px solid var(--stroke-medium);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.input-supreme::placeholder{color:var(--muted)}.input-supreme:hover{border-color:var(--accent-electric);background:#ffffff14}.input-supreme:focus{outline:none;border-color:var(--accent-lime);background:#ffffff1a;box-shadow:0 0 0 4px #b4ff6626}.textarea-supreme{resize:vertical;min-height:120px}.progress-supreme{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-supreme-bar{height:100%;background:linear-gradient(90deg,var(--accent-lime),var(--accent-electric));border-radius:var(--radius-full);transition:width var(--transition-smooth);position:relative;overflow:hidden}.progress-supreme-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.backdrop-supreme{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);animation:fadeInBlur .3s ease-out}.glass-supreme{background:var(--bg-glass);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--panel-glass-border)}.shadow-supreme{box-shadow:var(--shadow-premium)}.glow-supreme{box-shadow:var(--shadow-lime-strong)}.rounded-supreme{border-radius:var(--radius-lg)}.rounded-full-supreme{border-radius:var(--radius-full)}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.card-supreme,.btn-supreme{box-shadow:none;border:1px solid #ccc}}:root{--clubos-primary: #b4ff66;--clubos-primary-hover: #a3ee55;--clubos-primary-dark: #92dd44;--clubos-secondary: #00e5ff;--clubos-secondary-hover: #00d4ee;--clubos-secondary-dark: #00c3dd;--clubos-accent: #ff6b35;--clubos-success: #10b981;--clubos-warning: #fbbf24;--clubos-error: #ef4444;--clubos-bg-base: #0a0e1a;--clubos-bg-elevated: rgba(15, 23, 42, .8);--clubos-bg-surface: rgba(30, 41, 59, .6);--clubos-bg-hover: rgba(51, 65, 85, .5);--clubos-text-primary: #ffffff;--clubos-text-secondary: rgba(255, 255, 255, .8);--clubos-text-tertiary: rgba(255, 255, 255, .6);--clubos-text-disabled: rgba(255, 255, 255, .4);--clubos-border: rgba(255, 255, 255, .1);--clubos-border-strong: rgba(255, 255, 255, .2);--clubos-divider: rgba(255, 255, 255, .08);--clubos-shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--clubos-shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--clubos-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--clubos-shadow-xl: 0 16px 64px rgba(0, 0, 0, .5);--clubos-blur-sm: blur(8px);--clubos-blur-md: blur(16px);--clubos-blur-lg: blur(24px);--clubos-space-xs: .5rem;--clubos-space-sm: .75rem;--clubos-space-md: 1rem;--clubos-space-lg: 1.5rem;--clubos-space-xl: 2rem;--clubos-space-2xl: 3rem;--clubos-space-3xl: 4rem;--clubos-radius-sm: 8px;--clubos-radius-md: 12px;--clubos-radius-lg: 16px;--clubos-radius-xl: 20px;--clubos-radius-2xl: 24px;--clubos-radius-full: 9999px;--clubos-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--clubos-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--clubos-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--clubos-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--clubos-z-base: 0;--clubos-z-dropdown: 1000;--clubos-z-sticky: 1020;--clubos-z-fixed: 1030;--clubos-z-modal-backdrop: 1040;--clubos-z-modal: 1050;--clubos-z-popover: 1060;--clubos-z-tooltip: 1070;--clubos-z-notification: 1080}.clubos-container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--clubos-space-md)}.clubos-section{padding:var(--clubos-space-2xl) 0}.clubos-page{min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#1a1f35);color:var(--clubos-text-primary);font-family:var(--clubos-font-family)}.clubos-card{background:var(--clubos-bg-elevated);backdrop-filter:var(--clubos-blur-md);-webkit-backdrop-filter:var(--clubos-blur-md);border:1px solid var(--clubos-border);border-radius:var(--clubos-radius-lg);padding:var(--clubos-space-lg);box-shadow:var(--clubos-shadow-md);transition:all var(--clubos-transition-base)}.clubos-card.interactive{cursor:pointer}.clubos-card.interactive:hover{background:var(--clubos-bg-hover);border-color:var(--clubos-border-strong);transform:translateY(-2px);box-shadow:var(--clubos-shadow-lg)}.clubos-card.featured{background:linear-gradient(135deg,#b4ff661a,#00e5ff1a);border:2px solid var(--clubos-primary)}.clubos-card.compact{padding:var(--clubos-space-md)}.clubos-card.strong{background:var(--clubos-bg-surface)}.clubos-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--clubos-space-md);padding-bottom:var(--clubos-space-md);border-bottom:1px solid var(--clubos-divider)}.clubos-card-title{font-size:1.25rem;font-weight:700;color:var(--clubos-text-primary);margin:0;display:flex;align-items:center;gap:var(--clubos-space-sm)}.clubos-card-subtitle{font-size:.875rem;color:var(--clubos-text-tertiary);margin:var(--clubos-space-xs) 0 0}.clubos-card-body{color:var(--clubos-text-secondary);line-height:1.6}.clubos-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--clubos-space-md);padding-top:var(--clubos-space-md);border-top:1px solid var(--clubos-divider)}.clubos-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--clubos-space-sm);font-family:var(--clubos-font-family);font-size:.9375rem;font-weight:600;line-height:1;padding:.875rem 1.5rem;border:none;border-radius:var(--clubos-radius-md);cursor:pointer;transition:all var(--clubos-transition-base);text-decoration:none;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.clubos-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.clubos-btn.primary{background:linear-gradient(135deg,var(--clubos-primary) 0%,var(--clubos-primary-dark) 100%);color:#000;box-shadow:0 4px 12px #b4ff664d}.clubos-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--clubos-primary-hover) 0%,var(--clubos-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b4ff6666}.clubos-btn.primary:active:not(:disabled){transform:translateY(0)}.clubos-btn.secondary{background:linear-gradient(135deg,var(--clubos-secondary) 0%,var(--clubos-secondary-dark) 100%);color:#000;box-shadow:0 4px 12px #00e5ff4d}.clubos-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--clubos-secondary-hover) 0%,var(--clubos-secondary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff66}.clubos-btn.ghost{background:transparent;color:var(--clubos-text-primary);border:2px solid var(--clubos-border-strong)}.clubos-btn.ghost:hover:not(:disabled){background:var(--clubos-bg-hover);border-color:var(--clubos-primary);color:var(--clubos-primary)}.clubos-btn.danger{background:var(--clubos-error);color:#fff;box-shadow:0 4px 12px #ef44444d}.clubos-btn.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.clubos-btn.sm{font-size:.875rem;padding:.625rem 1rem}.clubos-btn.lg{font-size:1.0625rem;padding:1.125rem 2rem}.clubos-btn.xl{font-size:1.125rem;padding:1.25rem 2.5rem}.clubos-btn.icon-only{padding:.75rem;aspect-ratio:1}.clubos-btn.full-width{width:100%}.clubos-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--clubos-radius-full);font-size:.75rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em}.clubos-badge.primary{background:#b4ff6633;color:var(--clubos-primary);border:1px solid rgba(180,255,102,.3)}.clubos-badge.secondary{background:#00e5ff33;color:var(--clubos-secondary);border:1px solid rgba(0,229,255,.3)}.clubos-badge.success{background:#10b98133;color:var(--clubos-success);border:1px solid rgba(16,185,129,.3)}.clubos-badge.warning{background:#fbbf2433;color:var(--clubos-warning);border:1px solid rgba(251,191,36,.3)}.clubos-badge.error{background:#ef444433;color:var(--clubos-error);border:1px solid rgba(239,68,68,.3)}.clubos-badge.accent{background:#ff6b3533;color:var(--clubos-accent);border:1px solid rgba(255,107,53,.3)}.clubos-input-group{display:flex;flex-direction:column;gap:var(--clubos-space-sm);margin-bottom:var(--clubos-space-md)}.clubos-label{font-size:.875rem;font-weight:600;color:var(--clubos-text-secondary);display:flex;align-items:center;gap:var(--clubos-space-xs)}.clubos-label.required:after{content:"*";color:var(--clubos-error);margin-left:.25rem}.clubos-input{width:100%;padding:.875rem 1rem;font-family:var(--clubos-font-family);font-size:.9375rem;color:var(--clubos-text-primary);background:var(--clubos-bg-surface);border:2px solid var(--clubos-border);border-radius:var(--clubos-radius-md);transition:all var(--clubos-transition-base);outline:none}.clubos-input::placeholder{color:var(--clubos-text-disabled)}.clubos-input:focus{border-color:var(--clubos-primary);background:var(--clubos-bg-elevated);box-shadow:0 0 0 3px #b4ff661a}.clubos-input:disabled{opacity:.5;cursor:not-allowed}.clubos-input.error{border-color:var(--clubos-error)}.clubos-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.clubos-input-helper{font-size:.8125rem;color:var(--clubos-text-tertiary)}.clubos-input-error{font-size:.8125rem;color:var(--clubos-error);display:flex;align-items:center;gap:var(--clubos-space-xs)}.clubos-textarea{resize:vertical;min-height:100px}.clubos-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.clubos-grid{display:grid;gap:var(--clubos-space-lg)}.clubos-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clubos-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.clubos-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clubos-stack{display:flex;flex-direction:column;gap:var(--clubos-space-md)}.clubos-stack.sm{gap:var(--clubos-space-sm)}.clubos-stack.lg{gap:var(--clubos-space-lg)}.clubos-flex{display:flex;align-items:center;gap:var(--clubos-space-md)}.clubos-flex.space-between{justify-content:space-between}.clubos-flex.center{justify-content:center}.clubos-flex.wrap{flex-wrap:wrap}.clubos-heading-xl{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--clubos-text-primary);margin:0}.clubos-heading-lg{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--clubos-text-primary);margin:0}.clubos-heading-md{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3;color:var(--clubos-text-primary);margin:0}.clubos-heading-sm{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--clubos-text-primary);margin:0}.clubos-text-lg{font-size:1.125rem;line-height:1.6;color:var(--clubos-text-secondary)}.clubos-text-base{font-size:1rem;line-height:1.6;color:var(--clubos-text-secondary)}.clubos-text-sm{font-size:.875rem;line-height:1.5;color:var(--clubos-text-tertiary)}.clubos-text-xs{font-size:.75rem;line-height:1.4;color:var(--clubos-text-tertiary)}.clubos-divider{height:1px;background:var(--clubos-divider);border:none;margin:var(--clubos-space-lg) 0}.clubos-divider.strong{background:var(--clubos-border)}@keyframes clubos-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clubos-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes clubos-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes clubos-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.clubos-animate-fade-in{animation:clubos-fade-in var(--clubos-transition-base) ease-out}.clubos-animate-scale-in{animation:clubos-scale-in var(--clubos-transition-base) ease-out}.clubos-animate-slide-in{animation:clubos-slide-in-right var(--clubos-transition-base) ease-out}.clubos-skeleton{background:linear-gradient(90deg,var(--clubos-bg-surface) 0px,rgba(255,255,255,.1) 40px,var(--clubos-bg-surface) 80px);background-size:1000px 100%;animation:clubos-shimmer 2s infinite linear;border-radius:var(--clubos-radius-md)}@media(max-width:768px){:root{--clubos-space-2xl: 2rem;--clubos-space-3xl: 3rem}.clubos-grid.cols-2,.clubos-grid.cols-3,.clubos-grid.cols-4{grid-template-columns:1fr}.clubos-flex.mobile-stack{flex-direction:column;align-items:stretch}}.clubos-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.clubos-btn:focus-visible,.clubos-input:focus-visible,.clubos-card.interactive:focus-visible{outline:3px solid var(--clubos-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn.kids{min-height:44px;min-width:44px;padding:12px 24px;font-size:16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn.kids:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);transform:scale(0);transition:transform .5s ease}.btn.kids:active{transform:scale(.95)}.btn.kids:active:before{transform:scale(2)}.btn.kids.primary{background:linear-gradient(135deg,var(--accent-lime),var(--accent-electric));color:var(--bg);border:none;font-weight:600;box-shadow:0 3px 10px #a8e85c38}.btn.kids.primary:hover{box-shadow:0 5px 18px #a8e85c59;transform:translateY(-2px)}.btn.kids.success{background:linear-gradient(135deg,var(--ok),#22c55e);color:#fff;border:none;font-weight:700}.btn.kids.fun{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;font-weight:700;animation:pulse-fun 2s ease-in-out infinite;animation-play-state:paused}.btn.kids.fun:hover,.btn.kids.fun:focus{animation-play-state:running}@keyframes pulse-fun{0%,to{box-shadow:0 0 20px #a855f766}50%{box-shadow:0 0 40px #ec489999}}.btn.hero{padding:12px 24px;font-size:.9375rem;font-weight:600;box-shadow:0 3px 12px #a8e85c2e;min-height:44px}.btn.youth{background:linear-gradient(135deg,var(--color-youth-gold) 0%,var(--color-youth-gold-dark) 100%);border:1px solid var(--color-youth-gold);color:#0a0a0a;font-weight:600;box-shadow:0 3px 12px #ffc94740;position:relative;overflow:hidden}.btn.youth:hover{box-shadow:0 5px 20px #ffc94759;transform:translateY(-2px)}.btn.cta{padding:10px 20px;font-size:.875rem;min-height:40px}.card.kids{background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--stroke);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card.kids:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(168,232,92,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.card.kids:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong);border-color:var(--accent-lime)}.card.kids:hover:before{opacity:1}.card.kids:active{transform:translateY(-2px)}.card.featured{background:linear-gradient(135deg,#a8e85c14,#4dd0e10a);border:2px solid rgba(168,232,92,.2);box-shadow:0 4px 20px #a8e85c1a;position:relative}.card.youth{background:linear-gradient(135deg,#ffb8001f,#a8e85c14);border:2px solid rgba(255,184,0,.3);box-shadow:0 8px 32px #ffb80026}.page-header{background:linear-gradient(135deg,var(--panel-strong),var(--panel));border-radius:var(--radius-lg);padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);border:1px solid var(--stroke);box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:3rem}.page-header:before,.page-header:after{content:"";position:absolute;width:500px;height:500px;pointer-events:none;opacity:.12}.page-header:before{top:-30%;right:-15%;background:radial-gradient(circle,var(--accent-lime-glow),transparent)}.page-header:after{bottom:-30%;left:-15%;background:radial-gradient(circle,var(--accent-electric-glow),transparent)}.hero{width:100%;max-width:1600px;margin:0 auto 2.5rem;border-radius:calc(var(--radius-xl) + 4px);overflow:hidden;background:radial-gradient(ellipse 1000px 600px at 10% 0%,rgba(0,212,255,.18) 0%,transparent 55%),radial-gradient(ellipse 900px 700px at 90% 100%,rgba(168,255,62,.14) 0%,transparent 60%),radial-gradient(ellipse 800px 500px at 50% 50%,rgba(255,107,53,.08) 0%,transparent 70%),linear-gradient(135deg,#0a1318,#08416980,#0a1318);position:relative;box-shadow:0 25px 90px #0000008c,0 0 140px #00d4ff2e,inset 0 1px #ffffff14,inset 0 -1px #00d4ff1a;border:1px solid rgba(0,212,255,.25);min-height:360px;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}.hero:hover{box-shadow:0 30px 100px #0009,0 0 160px #00d4ff38,inset 0 1px #ffffff1a,inset 0 -1px #00d4ff26;border-color:#00d4ff4d}.hero-bg{position:absolute;inset:0;opacity:.12;mix-blend-mode:luminosity}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.7) saturate(.8)}.hero-content{position:relative;z-index:2;padding:clamp(2.5rem,5vw,4rem) clamp(2rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px}.hero-title{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:900;background:linear-gradient(135deg,#ffffff 0%,var(--color-lime) 60%,var(--color-electric) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.25rem;text-shadow:none;letter-spacing:-.04em;line-height:1.05;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hero-description{font-size:clamp(1.0625rem,1.75vw,1.25rem);color:#ffffffe6;margin:0 0 2rem;max-width:720px;text-shadow:0 2px 12px rgba(0,0,0,.6);line-height:1.65;font-weight:400}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--color-electric) 15%,var(--color-lime) 35%,var(--color-electric) 50%,var(--color-lime) 65%,var(--color-electric) 85%,transparent 100%);z-index:3;opacity:.9;box-shadow:0 0 20px #4dd0e199,0 0 40px #a8e85c4d;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hero-accent{animation:none;opacity:.8}}.showcase{margin-bottom:4rem;padding:clamp(2.5rem,5vw,4rem);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d;background:radial-gradient(circle at top right,rgba(77,208,225,.08) 0%,transparent 60%),linear-gradient(135deg,var(--panel) 0%,var(--panel-hover) 100%);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.showcase:before{content:"";position:absolute;top:0;left:-50%;right:0;width:200%;height:3px;background:linear-gradient(90deg,transparent,var(--color-electric) 30%,var(--color-lime) 50%,var(--color-electric) 70%,transparent);opacity:.7;animation:slide-shimmer 4s ease-in-out infinite}@keyframes slide-shimmer{0%{left:-50%}to{left:50%}}@media(prefers-reduced-motion:reduce){.showcase:before{animation:none;left:0;opacity:.5}}.showcase :focus-visible{outline-offset:0}.showcase-cta{margin-top:1.5rem}.showcase.tactic{background:radial-gradient(ellipse at top left,rgba(168,232,92,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(77,208,225,.08) 0%,transparent 50%),linear-gradient(135deg,var(--panel-strong) 0%,var(--panel) 100%);border-color:#a8e85c26;box-shadow:0 20px 80px #00000073,0 0 60px #a8e85c14}.showcase.youth{background:radial-gradient(circle at center,rgba(255,201,71,.08) 0%,transparent 60%),linear-gradient(135deg,#ffc9470d,#a8e85c08);border-color:#ffc94733;box-shadow:0 16px 48px #00000059,0 0 40px #ffc9471f}.showcase-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.showcase-badge{display:inline-block;padding:5px 14px;border-radius:16px;font-size:.8125rem;font-weight:600;border:1px solid}.showcase-badge.tactic{background:#a8e85c0d;color:var(--color-lime);border-color:#a8e85c26}.showcase-badge.youth{background:#ffc9470d;color:var(--color-youth-gold);border-color:#ffc94726}.showcase-title{font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:800;margin:0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;line-height:1.15;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.showcase-title.tactic{background:linear-gradient(135deg,var(--color-lime) 0%,var(--color-electric) 80%,var(--color-lime) 100%)}.showcase-title.youth{background:linear-gradient(135deg,var(--color-youth-gold) 0%,var(--color-lime) 70%,var(--color-electric) 100%)}.showcase-subtitle{font-size:clamp(1.0625rem,1.75vw,1.1875rem);color:#ffffffd9;max-width:680px;line-height:1.65;margin:0}.showcase-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:960px;margin-top:1rem}.feature-box{padding:1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0a3d624d,#0a3d6233);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-electric),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-box:hover{border-color:#4dd0e140;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.feature-box:hover:before{opacity:.6}.feature-box.tactic{background:linear-gradient(135deg,#a8e85c14,#0a3d6240);border-color:#a8e85c1f}.feature-box.youth{background:linear-gradient(135deg,#ffc94714,#0a3d6240);border-color:#ffc9471f}.feature-box-icon{font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.feature-box-title{font-weight:700;margin-bottom:.375rem;color:var(--text);font-size:1rem}.feature-box-desc{font-size:.875rem;color:#ffffffbf;line-height:1.6}.showcase-stats{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;font-size:.9375rem;color:#ffffffb3}.showcase-stats strong{color:var(--color-lime);font-weight:700;text-shadow:0 0 10px rgba(168,232,92,.3)}.showcase-stats.youth strong{color:var(--color-youth-gold)}.search-section{margin-bottom:4rem;padding:clamp(2.5rem,5vw,4rem);background:radial-gradient(circle at top center,rgba(77,208,225,.12) 0%,transparent 60%),linear-gradient(135deg,#0a3d6259,#0a3d6240);border-radius:var(--radius-xl);border:1px solid rgba(77,208,225,.15);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.search-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-electric) 30%,var(--color-lime) 50%,var(--color-electric) 70%,transparent 100%);opacity:.6}.search-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.search-title{font-size:clamp(1.625rem,4vw,2.125rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-offwhite) 0%,var(--color-electric) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.search-description{color:#ffffffd9;margin-bottom:1.75rem;font-size:1.0625rem;line-height:1.6}.search-bar-container{display:flex;justify-content:center}.badge-core{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#a8e85c40,#a8e85c26);color:var(--color-lime);padding:6px 14px;border-radius:14px;font-size:.75rem;font-weight:700;border:1px solid rgba(168,232,92,.4);box-shadow:0 4px 12px #a8e85c33,0 0 20px #a8e85c26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #a8e85c33,0 0 20px #a8e85c26}50%{box-shadow:0 4px 16px #a8e85c4d,0 0 30px #a8e85c40}}@media(prefers-reduced-motion:reduce){.badge-core{animation:none;box-shadow:0 4px 12px #a8e85c33,0 0 20px #a8e85c26}}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.hero,.showcase,.search-section,.card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.showcase:hover{transform:translateY(-3px);box-shadow:0 24px 72px #00000073,0 0 80px #4dd0e11f}.card:not(.kids):hover{transform:translate3d(0,-4px,0) scale(1.01);box-shadow:0 20px 60px #0006,0 0 40px #4dd0e12e}.section-header{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:2.5rem;text-align:center;font-weight:800;background:linear-gradient(135deg,var(--color-offwhite) 0%,var(--color-lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,31,63,.4) 100%);pointer-events:none;z-index:1}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card.featured:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,#a8e85c66,#4dd0e166,#a8e85c66);background-size:200% 200%;animation:gradient-rotate 3s ease infinite;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.card.featured:hover:before{opacity:1}*:focus-visible{outline:2px solid var(--accent-lime);outline-offset:2px;border-radius:4px}.btn:active{transform:scale(.98)}.showcase-cta:hover{transform:translateY(-1px)}.feature-box{transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-box:hover{transform:translateY(-3px);border-color:#a8e85c4d}.btn.primary:before,.btn.youth:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn.primary:hover:before,.btn.youth:hover:before{left:100%}.search-section{position:relative}.search-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(77,208,225,.08) 0%,transparent 70%);border-radius:inherit;pointer-events:none}img{image-rendering:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}@media(max-width:768px){.hero{min-height:220px;margin-bottom:1.5rem}.hero-content{min-height:220px;padding:clamp(1rem,2.5vw,1.5rem) clamp(1rem,3vw,1.5rem)}.showcase{margin-bottom:2rem;padding:clamp(1.5rem,3vw,1.75rem)}.showcase-content{gap:1rem}.search-section{margin-bottom:2rem;padding:clamp(1.25rem,2.5vw,1.75rem)}.showcase-features{grid-template-columns:1fr;gap:.875rem}.hero-cta{gap:.5rem}.btn.hero{padding:11px 20px;font-size:.875rem;min-height:44px}.btn.cta{padding:10px 18px;font-size:.8125rem;min-height:40px}}@media(max-width:480px){.hero,.hero-content{min-height:200px}.hero-cta{flex-direction:column;width:100%;max-width:280px}.hero-cta .btn{width:100%}}:root{--color-navy-bright: #0a3d62}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(16px,3vw,24px)}@media(max-width:980px){.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:clamp(12px,2.5vw,16px)}}@media(max-width:640px){.g2{grid-template-columns:1fr}}.h1{font-size:clamp(22px,3vw,32px);font-weight:700;margin:0 0 10px;letter-spacing:.2px}.kicker{color:var(--muted);font-size:.9rem}.k{color:var(--muted);font-size:.85rem}.v{font-weight:600;font-size:1rem}select.btn{appearance:none;background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 12px}.section-title h2{margin:0;font-size:1.1rem;font-weight:var(--font-weight-bold)}.section-sub{color:var(--muted);font-size:.88rem}.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--stroke);background:linear-gradient(135deg,var(--panel),var(--panel-strong));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);transition:all var(--transition-base);line-height:1}.badge:hover{border-color:var(--accent-electric);box-shadow:var(--glow-electric);transform:scale(1.05)}.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast);line-height:1}.tag:hover{background:#ffffff14;border-color:var(--stroke-medium);transform:scale(1.05)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px}.table thead th{position:sticky;top:0;z-index:1;background:#0e1a31;color:#b7c2d6;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700;padding:12px 14px;border-bottom:1px solid #1a2a48}.table tbody td{padding:12px 14px;border-bottom:1px solid #0f1a2f;vertical-align:middle;font-size:.95rem;background:#ffffff03}.table tbody tr:nth-child(2n) td{background:#ffffff08}.table td.num,.table th.num{text-align:right;width:72px}.team{font-weight:600;letter-spacing:.01em}.chip-pos,.chip-neg,.chip-neutral{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700}.chip-pos{background:#08210f;color:var(--ok)}.chip-neg{background:#2a0c0c;color:var(--bad)}.chip-neutral{background:#1f2940;color:#9ca3af}.row{display:flex;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.hr{height:1px;background:var(--stroke);margin:10px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem}@media(max-width:768px){.reports-layout{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:clamp(12px,2.5vw,16px)}.card{padding:clamp(14px,3vw,18px);border-radius:var(--radius-md)}.btn{padding:clamp(10px,2vw,12px) clamp(16px,3vw,20px);font-size:clamp(.875rem,1.5vw,.95rem);min-height:44px}h1{font-size:clamp(24px,6vw,36px);margin-bottom:clamp(10px,2vw,14px)}h2{font-size:clamp(20px,5vw,28px);margin-bottom:clamp(8px,1.5vw,12px)}h3{font-size:clamp(16px,4vw,20px);margin-bottom:clamp(6px,1.25vw,10px)}p{font-size:clamp(.875rem,1.5vw,.95rem);line-height:1.65}.grid-2,.g2,.g3,.g4{grid-template-columns:1fr;gap:clamp(12px,2.5vw,16px)}nav .container>div{gap:clamp(6px,1vw,8px)}.actions{gap:10px;flex-direction:column;align-items:stretch}.actions .btn{width:100%}}@media(max-width:480px){.container{padding:clamp(10px,2vw,12px)}.card{padding:clamp(12px,2.5vw,14px);border-radius:var(--radius)}.btn{padding:12px 18px;font-size:.9375rem;min-height:48px;min-width:48px;gap:8px}button,a[role=button],input[type=button],input[type=submit],.btn{min-height:48px;min-width:48px}h1{font-size:clamp(24px,6vw,32px)}h2{font-size:clamp(20px,5vw,26px)}h3{font-size:clamp(18px,4vw,22px)}.grid{gap:clamp(12px,2.5vw,16px)}.tag,.badge{padding:6px 12px;font-size:clamp(.8125rem,1.5vw,.875rem);min-height:32px}input,select,textarea{font-size:16px;padding:12px 16px;min-height:48px}.card:hover{transform:none}.card:active{transform:scale(.98);transition:transform .1s ease}table{font-size:.875rem}td,th{padding:8px 6px}}@media(max-width:360px){.container{padding:10px}.card{padding:12px}.btn{padding:10px 14px;font-size:.8125rem;min-height:48px;min-width:48px}h1{font-size:20px}h2{font-size:18px}}html{scroll-behavior:smooth}@media(hover:none)and (pointer:coarse){.btn:hover:before{width:0}.btn:hover{transform:none;border-color:var(--stroke)}.btn:active{transform:scale(.95);transition:transform .1s ease}.card:hover{transform:none;background:var(--panel)}.card:active{transform:scale(.98)}.card:hover:before{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:3px solid var(--accent-lime);outline-offset:var(--focus-offset);border-radius:4px;transition:outline var(--transition-fast)}button:focus-visible,a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent-lime);outline-offset:3px}a:focus-visible{outline-color:var(--accent-electric)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-electric);outline-offset:2px;border-color:var(--accent-electric)}button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent-lime);outline-offset:2px}@media print{nav,.btn,button{display:none}.card{break-inside:avoid;box-shadow:none}}.court-accent{position:relative}.court-accent:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-lime),var(--accent-electric));border-radius:var(--radius-full)}.zone-highlight{position:relative;padding-left:16px;border-left:3px solid var(--accent-lime)}.stat-value{font-weight:var(--font-weight-bold);font-size:1.25em;letter-spacing:-.02em;background:linear-gradient(135deg,var(--txt) 0%,var(--accent-electric) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#a8e85c26,#4dd0e11a);border:1px solid rgba(168,232,92,.3);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);color:var(--accent-lime);text-transform:uppercase;letter-spacing:.05em}.content-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--stroke) 20%,var(--accent-electric) 50%,var(--stroke) 80%,transparent 100%);margin:2rem 0}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{position:relative;padding-left:24px;margin-bottom:8px;line-height:1.5}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-lime);font-weight:700}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-strong{box-shadow:var(--shadow-strong)}.shadow-lime{box-shadow:var(--shadow-lime)}.shadow-electric{box-shadow:var(--shadow-electric)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.w-full{width:100%}.w-auto{width:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media(min-width:769px){.md\:block{display:block}.md\:flex{display:flex}}.role-selector-section{margin-top:var(--space-2xl);margin-bottom:var(--space-3xl)}.role-selector-header{text-align:center;margin-bottom:var(--space-2xl);max-width:800px;margin-left:auto;margin-right:auto}.role-selector-title{font-size:var(--text-3xl);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-offwhite) 0%,var(--color-lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.role-selector-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.role-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-lg);margin-top:var(--space-xl)}@media(min-width:640px){.role-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.role-cards-grid{grid-template-columns:repeat(3,1fr)}}.role-card{position:relative;padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--stroke-medium);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);will-change:transform}.role-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,transparent 0%,rgba(168,232,92,.05) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.role-card:hover:before{opacity:1}.role-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-strong),0 0 40px #a8e85c26;border-color:var(--accent-lime)!important}.role-card:active{transform:translateY(-3px) scale(1.01);transition:transform var(--transition-fast)}.role-card-icon{font-size:3.5rem;line-height:1}.role-card-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0}.role-card-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.role-card-features{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.role-card-kids{background:linear-gradient(135deg,#ffd54f1f,#a8e85c14)}.role-card-coaches{background:linear-gradient(135deg,#4dd0e11f,#a8e85c14)}.role-card-players{background:linear-gradient(135deg,#a8e85c1f,#4dd0e114)}.role-card-referees{background:linear-gradient(135deg,#c8102e1f,#a8e85c14)}.role-card-parents{background:linear-gradient(135deg,#ff8a651f,#4dd0e114)}.role-card-clubs{background:linear-gradient(135deg,#a8e85c1f,#ffd54f14)}.showcase{margin:3rem auto 4rem;padding:clamp(2rem,4vw,3rem);max-width:1200px;border-radius:var(--radius-xl);position:relative;overflow:hidden}.showcase.tactic{background:linear-gradient(135deg,#b4ff6626,#00f0ff14);border:2px solid rgba(180,255,102,.4);box-shadow:0 8px 32px #b4ff6633}.showcase.clubos{background:linear-gradient(135deg,#4dd0e126,#b4ff6614);border:2px solid rgba(77,208,225,.4);box-shadow:0 8px 32px #4dd0e133}.showcase-content{position:relative;z-index:1}.showcase-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1rem}.showcase-badge.tactic{background:var(--color-lime);color:var(--color-navy);box-shadow:0 2px 8px #b4ff664d}.showcase-badge.clubos{background:var(--color-electric);color:var(--color-navy);box-shadow:0 2px 8px #4dd0e14d}.showcase-title{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;margin:0 0 1rem;line-height:1.2}.showcase-title.tactic{color:var(--color-lime);background:linear-gradient(135deg,var(--color-lime) 0%,#00f0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.showcase-title.clubos{color:var(--color-electric);background:linear-gradient(135deg,var(--color-electric) 0%,var(--color-lime) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.showcase-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--muted);margin:0 0 2rem;max-width:800px;line-height:1.6}.showcase-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.feature-box{padding:1.25rem;background:#001f3f66;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.feature-box:hover{transform:translateY(-2px);border-color:#fff3}.feature-box.tactic:hover{box-shadow:0 4px 12px #b4ff6633;border-color:#b4ff664d}.feature-box.clubos:hover{box-shadow:0 4px 12px #4dd0e133;border-color:#4dd0e14d}.feature-box-icon{font-size:2rem;margin-bottom:.75rem}.feature-box-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.feature-box-desc{font-size:.9rem;color:var(--muted);line-height:1.5}.showcase-cta{margin-bottom:1.5rem;font-size:1.1rem;padding:14px 28px}.showcase-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:.9rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.showcase{margin:2rem auto 3rem;padding:clamp(1.5rem,3vw,2rem)}.showcase-features{grid-template-columns:1fr}.showcase-stats{gap:1rem}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInGlow{0%{opacity:0;transform:scale(.92);filter:drop-shadow(0 0 0 transparent)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 20px rgba(180,255,102,.2))}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes celebrateSupreme{0%{transform:scale(1) rotate(0)}10%{transform:scale(1.25) rotate(-8deg)}20%{transform:scale(1.15) rotate(8deg)}30%{transform:scale(1.2) rotate(-5deg)}40%{transform:scale(1.15) rotate(5deg)}50%{transform:scale(1.18) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes confettiPop{0%{transform:scale(0) translateY(0) rotate(0);opacity:0}50%{transform:scale(1.3) translateY(-25px) rotate(180deg);opacity:1}to{transform:scale(1) translateY(-50px) rotate(360deg);opacity:0}}@keyframes glowPulseSupreme{0%,to{box-shadow:0 0 30px #b4ff6680;filter:brightness(1)}50%{box-shadow:0 0 60px #b4ff66cc,0 0 90px #00e5ff99;filter:brightness(1.4)}}@keyframes shakeEnergetic{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes floatPremium{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes rippleSupreme{0%{transform:scale(0);opacity:.8}to{transform:scale(5);opacity:0}}@keyframes badgeUnlockSupreme{0%{transform:scale(0) rotate(-220deg);opacity:0;filter:blur(8px)}50%{transform:scale(1.4) rotate(15deg);filter:blur(0)}75%{transform:scale(.85) rotate(-8deg)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}@keyframes progressFillSupreme{0%{transform:scaleX(0);transform-origin:left;opacity:.8}to{transform:scaleX(1);transform-origin:left;opacity:1}}@keyframes countUpSupreme{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardFlipSupreme{0%{transform:perspective(1000px) rotateY(0)}50%{transform:perspective(1000px) rotateY(90deg)}to{transform:perspective(1000px) rotateY(180deg)}}.animate-fade-in-blur{animation:fadeInBlur .6s cubic-bezier(.4,0,.2,1)}.animate-slide-up-scale{animation:slideUpScale .5s cubic-bezier(.4,0,.2,1)}.animate-scale-in-glow{animation:scaleInGlow .7s cubic-bezier(.4,0,.2,1)}.animate-celebrate-supreme{animation:celebrateSupreme 1s cubic-bezier(.68,-.55,.265,1.55)}.animate-glow-pulse-supreme{animation:glowPulseSupreme 2.5s ease-in-out infinite}.animate-shake-energetic{animation:shakeEnergetic .5s ease-in-out}.animate-float-premium{animation:floatPremium 3.5s ease-in-out infinite}.animate-badge-unlock-supreme{animation:badgeUnlockSupreme 1s cubic-bezier(.68,-.55,.265,1.55)}.hover-lift-supreme{transition:transform var(--transition-base),box-shadow var(--transition-base);will-change:transform}.hover-lift-supreme:hover{transform:translateY(-8px);box-shadow:var(--shadow-premium)}.hover-glow-supreme{transition:filter var(--transition-base),box-shadow var(--transition-base);will-change:filter,box-shadow}.hover-glow-supreme:hover{filter:brightness(1.15) saturate(1.1);box-shadow:0 0 35px #b4ff6680}.hover-scale-supreme{transition:transform var(--transition-base);will-change:transform}.hover-scale-supreme:hover{transform:scale(1.08)}.hover-tilt-3d{transition:transform var(--transition-base);transform-style:preserve-3d;will-change:transform}.hover-tilt-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(2deg) scale(1.02)}.hover-button-supreme{position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);will-change:transform}.hover-button-supreme:hover{transform:translateY(-3px);box-shadow:var(--shadow-lime-strong)}.hover-button-supreme:active{transform:translateY(-1px);transition:transform var(--transition-fast)}@keyframes glow{0%,to{box-shadow:0 0 20px #4dd0e133}50%{box-shadow:0 0 30px #4dd0e166}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.animate-slide-down{animation:slideDown .4s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--panel) 0%,var(--panel-hover) 50%,var(--panel) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-electric)}.focus-ring:focus-visible{outline:2px solid var(--accent-lime);outline-offset:2px;border-radius:4px}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--stroke);border-top-color:var(--accent-electric);border-radius:50%;animation:spin .8s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes scale-entrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.05)}20%,40%{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes bounce-rotate{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}}.page-enter{animation:page-enter .4s cubic-bezier(.4,0,.2,1) forwards}.page-exit{animation:page-exit .3s cubic-bezier(.4,0,1,1) forwards}.scale-entrance{animation:scale-entrance .5s cubic-bezier(.34,1.56,.64,1) forwards}.slide-from-right{animation:slide-from-right .4s cubic-bezier(.4,0,.2,1) forwards}.slide-from-left{animation:slide-from-left .4s cubic-bezier(.4,0,.2,1) forwards}.heartbeat{animation:heartbeat 1.3s ease-in-out infinite}.wiggle{animation:wiggle .5s ease-in-out}.bounce-rotate{animation:bounce-rotate .8s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none;background:var(--panel)}.page-enter,.page-exit,.scale-entrance,.slide-from-right,.slide-from-left,.heartbeat,.wiggle,.bounce-rotate,.cinematic-entrance,.neon-pulse,.electric-charge,.reveal-bottom,.magnetic-hover{animation:none!important;opacity:1!important;transform:translateZ(0)!important}}@keyframes cinematic-entrance{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes magnetic-hover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}@keyframes neon-pulse{0%,to{box-shadow:0 0 20px #a8ff3e4d,0 0 40px #a8ff3e33}50%{box-shadow:0 0 35px #a8ff3e8c,0 0 90px #00d4ff59}}@keyframes electric-charge{0%,to{box-shadow:0 0 15px #00d4ff4d,0 0 30px #00d4ff33;filter:brightness(1)}50%{box-shadow:0 0 25px #00d4ff99,0 0 50px #00d4ff66;filter:brightness(1.2)}}@keyframes reveal-bottom{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-lift{0%{transform:translateY(0);box-shadow:var(--shadow-card)}to{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}}.cinematic-entrance{animation:cinematic-entrance .8s cubic-bezier(.16,1,.3,1) forwards}.neon-pulse{animation:neon-pulse 2.5s ease-in-out infinite}.electric-charge{animation:electric-charge 2s ease-in-out infinite}.reveal-bottom{animation:reveal-bottom .6s cubic-bezier(.16,1,.3,1) forwards}.magnetic-hover:hover{animation:magnetic-hover .6s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,#root{height:100%;min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid var(--color-lime);outline-offset:2px;border-radius:4px}@media(prefers-contrast:high){*:focus-visible{outline-width:4px;outline-offset:3px}}body.keyboard-navigation *:focus{outline:3px solid var(--color-lime);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--color-lime);color:var(--color-navy);padding:8px 16px;text-decoration:none;font-weight:600;z-index:10000;transition:top .2s}.skip-to-main:focus{top:0}.data-source-attribution.compact{font-size:.875rem;color:var(--text-secondary, #666);padding:.5rem 0;border-top:1px solid var(--border-light, #eee);margin-top:1rem}.data-source-date{font-weight:500}.data-source-separator{margin:0 .25rem}.data-source-link{color:var(--primary-color, #d32f2f);text-decoration:none;font-weight:500}.data-source-link:hover{text-decoration:underline}.data-source-attribution.full{background:var(--bg-light, #f5f5f5);border:1px solid var(--border-light, #eee);border-radius:8px;padding:1rem;margin:1rem 0}.data-source-header{margin-bottom:.75rem}.data-source-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-source-badge.data-source-official{background:#4caf50;color:#fff}.data-source-badge.data-source-secondary{background:#ff9800;color:#fff}.data-source-badge.data-source-unverified{background:#f44336;color:#fff}.data-source-details{display:grid;gap:.5rem}.data-source-row{display:flex;gap:.5rem;font-size:.875rem}.data-source-label{font-weight:600;color:var(--text-primary, #333);min-width:130px}.data-source-value{color:var(--text-secondary, #666)}.data-source-warning{margin-top:.75rem;padding:.75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;font-size:.875rem;color:#856404}.data-source-inline{font-size:.8rem;color:var(--text-secondary, #666)}.data-source-text{display:inline}.report-error-button{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid var(--border-light, #ddd);border-radius:4px;background:#fff;color:var(--text-secondary, #666);font-size:.875rem;cursor:pointer;transition:all .2s ease}.report-error-button:hover{background:var(--bg-light, #f5f5f5);border-color:var(--primary-color, #d32f2f);color:var(--primary-color, #d32f2f)}.report-error-button:active{transform:translateY(1px)}@media(max-width:640px){.data-source-row{flex-direction:column;gap:.25rem}.data-source-label{min-width:unset}}