body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#000;color:#fff;min-height:100vh;text-align:center}.top-header{background:#000;border-bottom:1px solid #ffffff1a;justify-content:space-between;left:0;padding:16px 40px;position:fixed;right:0;top:0;z-index:1000}.header-left,.top-header{align-items:center;display:flex}.header-left{gap:12px}.header-logo{height:40px;object-fit:contain;width:auto}.header-club-name{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:500;line-height:1.3;max-width:200px;white-space:normal}.header-nav{align-items:center;display:flex;gap:32px}.nav-link{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#00d4ff}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 20px 40px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:.02em;line-height:1.1;margin:0 0 40px;padding:0 10px;text-align:center;white-space:nowrap;width:100%}.hero-description{color:#ccc;font-size:1.4rem;line-height:1.8;margin-bottom:30px;max-width:700px;text-align:center}.join-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #ffffff1a;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:50px;padding:16px 40px;transition:all .3s ease}.join-btn:hover{background:#f5f5f5;box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.join-btn:active{transform:translateY(0)}.hero-collage{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:20px 0;width:100%}.hero-collage .collage-image{border-radius:16px;box-shadow:0 8px 24px #0000004d;display:block;object-fit:cover;opacity:0;position:relative;transition:transform .6s ease,box-shadow .3s ease,opacity .6s ease;width:100%}.hero-collage .collage-image-1{height:360px;transform:translate(-50px,-20px)}.hero-collage .collage-image-2{height:400px;transform:translate(50px,20px)}.hero-collage .collage-image-3{height:360px;transform:translate(-50px,-20px)}.hero-collage .collage-image-4{height:400px;transform:translate(50px,20px)}.hero-collage .collage-image.fade-in-visible{opacity:1}.hero-collage .collage-image-1.fade-in-visible{transform:translateY(-20px)}.hero-collage .collage-image-2.fade-in-visible{transform:translateY(20px)}.hero-collage .collage-image-3.fade-in-visible{transform:translateY(-20px)}.hero-collage .collage-image-4.fade-in-visible{transform:translateY(20px)}.hero-collage .collage-image:hover{box-shadow:0 12px 32px #0006;position:relative;z-index:10}.hero-collage .collage-image-1:hover{transform:translateY(-28px) scale(1.02)}.hero-collage .collage-image-2:hover{transform:translateY(12px) scale(1.02)}.hero-collage .collage-image-3:hover{transform:translateY(-28px) scale(1.02)}.hero-collage .collage-image-4:hover{transform:translateY(12px) scale(1.02)}.about-section{margin:0 auto;max-width:1400px;padding:120px 40px}.about-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1200px}.about-image-group{align-items:center;display:flex;justify-content:center}.about-chair-image{border-radius:12px;box-shadow:0 8px 24px #0000004d;height:auto;max-width:400px;object-fit:cover;width:100%}.about-text-group{text-align:left}.about-story-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:16px}.about-story{color:#ccc;font-size:1.15rem;line-height:1.8;margin-bottom:30px}.learn-more-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #ffffff1a;color:#000;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 36px;transition:all .3s ease}.learn-more-btn:hover{background:#f5f5f5;box-shadow:0 6px 20px #fff3;transform:translateY(-2px)}.learn-more-btn:active{transform:translateY(0)}.articles-section{margin:0 auto;max-width:1400px;padding:120px 40px}.articles-content{text-align:center}.articles-title{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.05em;margin-bottom:20px}.articles-description{color:#ccc;font-size:1.2rem;line-height:1.8;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:700px}.articles-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.article-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease}.article-card:hover{border-color:#fff3;box-shadow:0 12px 32px #ffffff1a;transform:translateY(-8px)}.article-image{height:250px;object-fit:cover;width:100%}.article-card-title{color:#fff;font-size:1.4rem;font-weight:600;margin:24px 24px 12px}.article-card-description{color:#ccc;font-size:1rem;line-height:1.6;margin:0 24px 24px}html{scroll-behavior:smooth}@media (max-width:1024px){.top-header{padding:14px 30px}.header-club-name{font-size:.85rem;max-width:180px}.header-nav{gap:24px}.nav-link{font-size:.95rem}.hero-section{min-height:auto;padding:100px 20px 30px}.hero-title{font-size:clamp(2.5rem,10vw,5rem);letter-spacing:.02em;margin:0 0 40px;padding:0 10px;white-space:nowrap;width:100%}.hero-description{font-size:1.2rem}.hero-collage{gap:20px;grid-template-columns:repeat(2,1fr);max-width:700px}.hero-collage .collage-image-1,.hero-collage .collage-image-3{height:280px;transform:translateY(-15px)}.hero-collage .collage-image-2,.hero-collage .collage-image-4{height:320px;transform:translateY(15px)}.about-content{gap:50px;grid-template-columns:1fr}.about-text-group{text-align:center}.about-chair-image{max-width:100%}.articles-section{padding:100px 30px}.articles-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.top-header{align-items:center;flex-direction:column;gap:12px;padding:12px 20px}.header-left{gap:10px;justify-content:center;width:100%}.header-logo{height:32px}.header-club-name{font-size:.75rem;line-height:1.2;max-width:none;text-align:center}.header-nav{gap:20px;justify-content:center;width:100%}.nav-link{font-size:.9rem}.hero-section{padding:140px 20px 20px}.hero-title{font-size:clamp(2rem,12vw,4rem);letter-spacing:.02em;margin:0 0 30px;padding:0 8px;text-align:center;width:100%}.hero-description{font-size:1.1rem;margin-bottom:25px;text-align:center}.join-btn{font-size:1rem;margin-bottom:35px;padding:14px 32px}.hero-collage{display:flex;flex-direction:column;gap:24px;overflow-x:visible;padding:20px 0;width:100%}.hero-collage .collage-image{height:400px;margin:0 auto;max-width:600px;object-fit:cover;width:calc(100% - 40px)}.hero-collage .collage-image-1{transform:translateX(-30px)}.hero-collage .collage-image-1.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-2{transform:translateX(30px)}.hero-collage .collage-image-2.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-3{transform:translateX(-30px)}.hero-collage .collage-image-3.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-4{transform:translateX(30px)}.hero-collage .collage-image-4.fade-in-visible{transform:translateX(0)}.about-section{padding:60px 20px}.about-content{gap:35px;grid-template-columns:1fr}.about-text-group{text-align:center}.about-story-title{font-size:1.3rem;margin-bottom:14px;text-align:center}.about-story{font-size:1.05rem;line-height:1.7;margin-bottom:25px;text-align:center}.learn-more-btn{display:block;margin:0 auto}.about-chair-image{max-width:280px;width:100%}.articles-section{padding:60px 20px}.articles-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:16px}.articles-description{font-size:1.1rem;margin-bottom:40px}.articles-grid{gap:24px;grid-template-columns:1fr}.article-image{height:200px}}@media (max-width:480px){.top-header{align-items:center;flex-direction:column;gap:10px;padding:10px 16px}.header-left{justify-content:center;width:100%}.header-logo{height:28px}.header-club-name{font-size:.7rem;max-width:none;text-align:center}.header-nav{gap:16px;justify-content:center;width:100%}.nav-link{font-size:.85rem}.hero-section{padding:130px 16px 16px}.hero-title{font-size:clamp(1.8rem,10vw,3.5rem);letter-spacing:.02em;margin:0 0 25px;padding:0 6px;text-align:center;width:100%}.hero-description{font-size:1rem;line-height:1.6;margin-bottom:20px;text-align:center}.join-btn{font-size:.95rem;margin-bottom:30px;padding:12px 28px}.hero-collage{display:flex;flex-direction:column;gap:20px;overflow-x:visible;padding:15px 0;width:100%}.hero-collage .collage-image{height:350px;margin:0 auto;max-width:550px;object-fit:cover;width:calc(100% - 32px)}.hero-collage .collage-image-1{transform:translateX(-25px)}.hero-collage .collage-image-1.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-2{transform:translateX(25px)}.hero-collage .collage-image-2.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-3{transform:translateX(-25px)}.hero-collage .collage-image-3.fade-in-visible{transform:translateX(0)}.hero-collage .collage-image-4{transform:translateX(25px)}.hero-collage .collage-image-4.fade-in-visible{transform:translateX(0)}.about-section{padding:50px 16px}.about-content{gap:30px;grid-template-columns:1fr}.about-text-group{text-align:center}.about-story-title{font-size:1.2rem;margin-bottom:12px;text-align:center}.about-story{font-size:1rem;line-height:1.65;margin-bottom:20px;text-align:center}.learn-more-btn{display:block;margin:0 auto}.about-chair-image{max-width:250px;width:100%}.articles-section{padding:50px 16px}.articles-title{font-size:clamp(1.8rem,10vw,2.5rem);margin-bottom:14px}.articles-description{font-size:1rem;margin-bottom:35px}.articles-grid{gap:20px;grid-template-columns:1fr}.article-image{height:180px}.article-card-title{font-size:1.2rem;margin:20px 20px 10px}.article-card-description{font-size:.95rem;margin:0 20px 20px}}
/*# sourceMappingURL=main.bfcf97c7.css.map*/