:root{--primary: #3255a4;--primary-light: #5d80d6;--primary-dark: #002d75;--secondary: #32a5e4;--secondary-light: #6fd7ff;--secondary-dark: #0076b2;--surface: #121212;--surface-light: #1e1e1e;--surface-lighter: #2d2d2d;--surface-dark: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-disabled: #666666;--surface-light-mode: #ffffff;--surface-light-light-mode: #f8fafc;--surface-lighter-light-mode: #f1f5f9;--surface-dark-light-mode: #e2e8f0;--text-primary-light-mode: #0f172a;--text-secondary-light-mode: #475569;--text-disabled-light-mode: #94a3b8;--primary-light-mode: #1d4ed8;--primary-light-light-mode: #3b82f6;--primary-dark-light-mode: #1e40af;--secondary-light-mode: #0ea5e9;--secondary-light-light-mode: #38bdf8;--secondary-dark-light-mode: #0284c7;--elevation-1: 0 2px 4px rgba(0, 0, 0, .2);--elevation-2: 0 4px 8px rgba(0, 0, 0, .24);--elevation-3: 0 8px 16px rgba(0, 0, 0, .28);--elevation-4: 0 16px 32px rgba(0, 0, 0, .32);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-circle: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--text-primary);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease,color .5s ease}.light-mode{--surface: var(--surface-light-mode);--surface-light: var(--surface-light-light-mode);--surface-lighter: var(--surface-lighter-light-mode);--surface-dark: var(--surface-dark-light-mode);--text-primary: var(--text-primary-light-mode);--text-secondary: var(--text-secondary-light-mode);--text-disabled: var(--text-disabled-light-mode);--primary: var(--primary-light-mode);--primary-light: var(--primary-light-light-mode);--primary-dark: var(--primary-dark-light-mode);--secondary: var(--secondary-light-mode);--secondary-light: var(--secondary-light-light-mode);--secondary-dark: var(--secondary-dark-light-mode);--elevation-1: 0 2px 4px rgba(0, 0, 0, .1);--elevation-2: 0 4px 8px rgba(0, 0, 0, .12);--elevation-3: 0 8px 16px rgba(0, 0, 0, .14);--elevation-4: 0 16px 32px rgba(0, 0, 0, .16)}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-VariableFont_wght.ttf) format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:hidden;background-color:var(--surface);color:var(--text-primary)}a{font-weight:500;color:var(--secondary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--secondary-light)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:3.5rem;font-family:EB Garamond,serif}h2{font-size:2.5rem;font-family:EB Garamond,serif}h3{font-size:2rem;font-family:EB Garamond,serif}p{margin-bottom:var(--spacing-md);font-family:Noto Sans SC,sans-serif;font-weight:400;line-height:1.6}.card{background-color:var(--surface-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--elevation-1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05)}.card:hover{box-shadow:var(--elevation-3);transform:translateY(-4px);border-color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-md);font-family:Noto Sans SC,sans-serif;font-weight:500;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--elevation-2)}.btn-secondary{background-color:transparent;color:var(--secondary);border:2px solid var(--secondary)}.btn-secondary:hover{background-color:#32a5e41a;box-shadow:var(--elevation-1)}.btn-outline{background-color:transparent;color:var(--text-primary);border:2px solid var(--text-secondary)}.btn-outline:hover{background-color:#ffffff0d;border-color:var(--secondary)}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--surface);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner-box{width:300px;height:300px;display:flex;justify-content:center;align-items:center;background-color:transparent;margin-bottom:var(--spacing-lg)}.configure-border-1{width:115px;height:115px;padding:3px;position:absolute;display:flex;justify-content:center;align-items:center;background:var(--primary);animation:configure-clockwise 3s ease-in-out 0s infinite alternate}.configure-border-2{width:115px;height:115px;padding:3px;position:absolute;display:flex;justify-content:center;align-items:center;background:var(--secondary);animation:configure-xclockwise 3s ease-in-out 0s infinite alternate}.configure-core{width:100%;height:100%;background-color:var(--surface)}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}.loader-text{font-family:Noto Sans SC,sans-serif;font-size:1.2rem;color:var(--text-secondary);font-weight:300}.main{opacity:0;display:none}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#121212f2;backdrop-filter:blur(10px);z-index:1000;padding:var(--spacing-md) 0;box-shadow:var(--elevation-1);border-bottom:1px solid rgba(255,255,255,.05)}.light-mode .navbar{background-color:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-text{font-family:EB Garamond,serif;font-size:2rem;font-weight:700;color:var(--text-primary)}.logo-subtext{font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:400;color:var(--secondary);letter-spacing:.1em}.nav-menu{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-family:Noto Sans SC,sans-serif;font-weight:500;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-link.active{color:var(--secondary);background-color:#32a5e41a}.nav-button{background-color:var(--primary);color:#fff!important;padding:var(--spacing-sm) var(--spacing-lg)!important}.nav-button:hover{background-color:var(--primary-light)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{display:block;width:24px;height:2px;background-color:var(--text-primary);margin:5px 0;transition:.3s}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface-dark) 0%,var(--surface) 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(50,85,164,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(50,165,228,.1) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.title_wrapper{margin-bottom:var(--spacing-xl)}.title{font-size:4.5rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--text-primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:2rem;font-weight:400;letter-spacing:.3em;color:var(--secondary);font-family:Noto Sans SC,sans-serif;text-transform:uppercase}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--text-secondary);font-family:Noto Sans SC,sans-serif;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:2}.mouse{width:30px;height:50px;border:2px solid var(--text-secondary);border-radius:15px;position:relative;margin:0 auto}.wheel{width:4px;height:10px;background-color:var(--secondary);border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(20px);opacity:0}}.clubs-section{padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--surface-light);position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.clubs-showcase{max-width:1200px;margin:0 auto}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.club-card{background-color:var(--surface-lighter);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);height:100%;display:flex;flex-direction:column}.club-card:hover{transform:translateY(-8px);box-shadow:var(--elevation-4);border-color:var(--secondary)}.club-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.club-category{display:inline-block;background-color:#3255a433;color:var(--secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.875rem;font-family:Noto Sans SC,sans-serif;font-weight:500;margin-bottom:var(--spacing-md);max-width:max-content}.club-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-md);flex-grow:1}.club-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.club-detail{display:flex;align-items:center;gap:var(--spacing-xs);font-family:Noto Sans SC,sans-serif;font-size:.875rem;color:var(--text-secondary)}.club-detail i{color:var(--secondary)}.section-footer{text-align:center;margin-top:var(--spacing-xl)}.faq-section{padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--surface-light)}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);background-color:var(--surface-lighter)}.faq-question{width:100%;padding:var(--spacing-lg);background-color:var(--surface-lighter);border:none;text-align:left;font-family:Noto Sans SC,sans-serif;font-size:1.1rem;font-weight:500;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.faq-question:hover{background-color:#ffffff0d}.faq-icon{font-size:1.5rem;font-weight:300;transition:transform .3s ease;color:var(--secondary)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:var(--surface-lighter)}.faq-item.active .faq-answer{padding:var(--spacing-lg);max-height:500px}.faq-answer p{font-family:Noto Sans SC,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.footer{background-color:var(--surface-dark);padding:var(--spacing-xxl) var(--spacing-lg) var(--spacing-xl);color:var(--text-primary)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.footer-section h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.footer-description{font-family:Noto Sans SC,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-family:Noto Sans SC,sans-serif;font-size:1rem;transition:color .3s ease}.footer-links a:hover{color:var(--secondary)}.footer-contact{list-style:none}.footer-contact li{margin-bottom:var(--spacing-sm);font-family:Noto Sans SC,sans-serif;font-size:1rem;color:var(--text-secondary)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{font-family:Noto Sans SC,sans-serif;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-lg)}.theme-toggle-label{font-family:Noto Sans SC,sans-serif;font-size:.9rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.theme-switch{position:relative;display:inline-block;width:64px;height:32px}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--surface-lighter);transition:.4s;border-radius:34px;border:2px solid var(--secondary);display:flex;align-items:center;justify-content:space-between;padding:0 8px}.theme-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#000;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003;z-index:2}.theme-switch input:checked+.theme-slider{background-color:var(--primary)}.theme-switch input:checked+.theme-slider:before{transform:translate(32px);background-color:#fff}.theme-slider .sun-icon,.theme-slider .moon-icon{font-size:14px;line-height:1;z-index:1;transition:opacity .3s;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.theme-slider .sun-icon{opacity:.8}.theme-slider .moon-icon{opacity:0}.theme-switch input:checked+.theme-slider .sun-icon{opacity:0}.theme-switch input:checked+.theme-slider .moon-icon{opacity:.9}.theme-transition *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}@media screen and (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.title{font-size:3rem}.subtitle{font-size:1.5rem;letter-spacing:.2em}.hero-description{font-size:1.1rem}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--surface);flex-direction:column;padding:var(--spacing-md) 0;gap:0;box-shadow:var(--elevation-2)}.nav-menu.active{display:flex}.nav-link{width:100%;text-align:center;padding:var(--spacing-md)}.nav-toggle{display:block}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.theme-toggle{margin-left:auto;margin-right:var(--spacing-md);padding:0;justify-content:flex-end;border-top:none;background-color:transparent;order:2}.light-mode .theme-toggle{border-top:none;background-color:transparent}.theme-toggle-label{display:none}.theme-switch{width:52px;height:28px}.theme-slider:before{height:22px;width:22px;left:2px;bottom:2px}.theme-switch input:checked+.theme-slider:before{transform:translate(24px)}.nav-container{flex-wrap:wrap}.nav-toggle{order:3}.clubs-grid{grid-template-columns:1fr}.faq-question{font-size:1rem;padding:var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media screen and (max-width:480px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem;letter-spacing:.1em}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-outline{width:100%;max-width:300px}.theme-switch{width:56px;height:30px}.theme-slider:before{height:24px;width:24px}.theme-switch input:checked+.theme-slider:before{transform:translate(26px)}.theme-toggle{margin-right:var(--spacing-sm)}}