:root{--bg-page: #0d1117;--bg-surface: #161b22;--bg-card: #1a1f2b;--bg-elevated: #21283a;--navy-900: #0d1117;--navy-800: #161b22;--navy-700: #1a1f2b;--navy-600: #21283a;--navy-500: #2d3a54;--navy-400: #3f5378;--navy-300: #5670a0;--navy-200: #7d94c0;--navy-100: #a8b8d8;--text-primary: #e6edf3;--text-body: #b0bac5;--text-muted: #6e7681;--text-inverse: #0d1117;--hoop: #e8960a;--hoop-light: #f0a820;--ball: #7c3aed;--ball-light: #8b5cf6;--clubs: #d97706;--clubs-light: #f59e0b;--ribbon: #db2777;--ribbon-light: #ec4899;--rope: #059669;--rope-light: #10b981;--success: #059669;--error: #dc2626;--warning: #f59e0b;--border-card: #30363d;--border-input: #3a3f4b;--font-sans: "Inter", "PingFang SC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-hero: 44px;--font-h2: 22px;--font-h3: 18px;--font-h4: 15px;--font-body: 14px;--font-sm: 13px;--font-xs: 12px;--weight-extrabold: 800;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--leading-body: 1.6;--leading-heading: 1.25;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--radius-card: 10px;--radius-btn: 8px;--radius-tag: 6px;--radius-full: 9999px;--shadow-hover: 0 4px 16px rgba(0, 0, 0, .3);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--sidebar-w: 232px;--content-max: 1100px;--content-narrow: 800px;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-body);line-height:var(--leading-body);color:var(--text-body);background:var(--bg-page)}a{color:var(--navy-200);text-decoration:none}a:hover{color:var(--navy-100)}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:var(--sp-6);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--navy-400);box-shadow:var(--shadow-hover)}.card-accent-hoop{border-left:3px solid var(--hoop)}.card-accent-ball{border-left:3px solid var(--ball)}.card-accent-clubs{border-left:3px solid var(--clubs)}.card-accent-ribbon{border-left:3px solid var(--ribbon)}.card-accent-rope{border-left:3px solid var(--rope)}