:root{--bg-color: #0a0a0a;--text-color: #f0f0f0;--primary-color: #00ffff;--secondary-color: #ff00ff;--accent-color: #00ff00;--card-bg: #1a1a1a;--border-color: #333;--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "Fira Code", monospace;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed)}a:hover{text-decoration:underline;text-decoration-color:var(--secondary-color);color:var(--secondary-color)}h1,h2,h3{line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-color)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}#tech-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content-wrapper{position:relative;z-index:1}.site-header{background-color:#0a0a0ae6;border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;display:flex;flex-direction:column;line-height:1.1;text-decoration:none}.logo:hover{text-decoration:none}.logo-jp{font-size:.9rem;color:var(--text-color)}.logo-en{font-size:1.2rem;color:var(--primary-color);letter-spacing:-.02em}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-lg)}.main-nav a{font-size:1rem;font-weight:500;color:var(--text-color)}.main-nav a:hover,.main-nav a.active{color:var(--primary-color);text-shadow:0 0 8px rgba(0,255,255,.4)}.site-footer{background-color:var(--card-bg);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl);border-top:1px solid var(--border-color);text-align:center;font-size:.9rem;color:#888}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:4px;font-weight:600;text-decoration:none;transition:all var(--transition-speed);border:1px solid transparent}.btn-primary{background-color:var(--primary-color);color:var(--bg-color);box-shadow:0 0 10px #00ffff4d}.btn-primary:hover{background-color:#fff;box-shadow:0 0 20px #0ff9;text-decoration:none}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background-color:#00ffff1a;text-decoration:none}.hero-section{padding:8rem 0 6rem;text-align:center;background:linear-gradient(180deg,#0a0a0a00,#1a1a1a80)}.hero-club-name{font-size:1.2rem;color:var(--primary-color);font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:.1em}.hero-title{font-family:var(--font-mono);font-size:4rem;font-weight:800;margin-bottom:var(--spacing-md);letter-spacing:-.05em;text-transform:uppercase;color:#fff;position:relative}.hero-subtitle-wrapper{margin-bottom:2rem;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-subtitle-en{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:.05em}.hero-subtitle-jp{font-size:1rem;color:#ccc}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.glitch{position:relative;display:inline-block;color:#fff}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color)}.glitch:before{left:2px;text-shadow:-1px 0 var(--secondary-color);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 var(--primary-color);clip:rect(85px,550px,140px,0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,15px,0)}20%{clip:rect(60px,9999px,70px,0)}40%{clip:rect(20px,9999px,5px,0)}60%{clip:rect(80px,9999px,50px,0)}80%{clip:rect(10px,9999px,40px,0)}to{clip:rect(50px,9999px,20px,0)}}@keyframes glitch-anim-2{0%{clip:rect(120px,9999px,125px,0)}20%{clip:rect(20px,9999px,130px,0)}40%{clip:rect(50px,9999px,35px,0)}60%{clip:rect(10px,9999px,15px,0)}80%{clip:rect(80px,9999px,20px,0)}to{clip:rect(40px,9999px,95px,0)}}.section{padding:6rem 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em}.news-section{background-color:var(--bg-color)}.news-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.news-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed)}.news-item:hover{background-color:var(--card-bg)}.news-date{font-family:var(--font-mono);color:#888;margin-right:var(--spacing-md);font-size:.9rem}.news-category{padding:.2rem .6rem;border-radius:4px;font-size:.8rem;margin-right:var(--spacing-md);color:#000;font-weight:600;min-width:80px;text-align:center}.badge-event{background-color:var(--accent-color)}.badge-activity{background-color:var(--primary-color)}.badge-update{background-color:var(--secondary-color)}.news-title{margin:0;font-size:1rem;font-weight:500}.news-title a{color:var(--text-color)}.news-detail-section{padding-top:var(--spacing-xl);min-height:80vh}.back-link{display:inline-block;margin-bottom:var(--spacing-lg);color:#888}.back-link:hover{color:var(--primary-color);text-decoration:none}.news-article{background-color:var(--card-bg);padding:3rem;border-radius:8px;border:1px solid var(--border-color)}.article-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.article-meta{margin-bottom:var(--spacing-sm)}.article-title{font-size:2rem;color:var(--text-color);margin-bottom:0}.article-content{line-height:1.8;font-size:1.1rem}.article-content p{margin-bottom:var(--spacing-md)}.article-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-content li{margin-bottom:var(--spacing-sm)}.activity-detail-section{padding-top:var(--spacing-xl);min-height:80vh}.activity-article{background-color:var(--card-bg);padding:3rem;border-radius:8px;border:1px solid var(--border-color)}.activity-header{text-align:center;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.activity-icon-large{font-size:5rem;margin-bottom:var(--spacing-md)}.activity-title{font-size:2.5rem;color:var(--primary-color)}.activity-content h3{color:var(--secondary-color);margin-top:var(--spacing-lg)}.activity-content ul{list-style:none;padding-left:0}.activity-content li{margin-bottom:var(--spacing-sm);padding-left:1.5rem;position:relative}.activity-content li:before{content:"▹";color:var(--primary-color);position:absolute;left:0}.about-section{background-color:var(--card-bg)}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;padding:0 1rem}.section-title{font-size:2rem}.activity-icon-large{font-size:3rem}.activity-title{font-size:1.8rem}.news-date{display:block;margin-bottom:.2rem}.news-item{flex-wrap:wrap}.header-content{flex-direction:column;gap:var(--spacing-md)}.main-nav ul{gap:var(--spacing-md);font-size:.9rem}}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-text p{margin-bottom:var(--spacing-md);font-size:1.1rem}.activities-section{position:relative}.content-relative{position:relative;z-index:2}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.activity-card{background-color:var(--bg-color);border:1px solid var(--border-color);padding:var(--spacing-lg);border-radius:8px;text-align:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.activity-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080;border-color:var(--primary-color)}.featured-activity-wrapper{margin-bottom:var(--spacing-lg)}.activity-card.featured{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(0,255,255,.1) 100%);border:1px solid var(--primary-color);padding:3rem}.activity-card.featured h3{font-size:2rem;margin-bottom:1rem}.activity-card.featured p{font-size:1.1rem;max-width:600px;margin:0 auto}.activity-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.activity-card h3{color:var(--text-color);margin-bottom:var(--spacing-sm)}.activity-card p{font-size:.9rem;color:#aaa}.contact-section{background:linear-gradient(180deg,var(--bg-color) 0%,#111 100%)}.contact-text{max-width:600px;margin:0 auto var(--spacing-xl);text-align:center}.text-center{text-align:center}.contact-info-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:800px;margin:0 auto 2rem;transition:all var(--transition-speed);position:relative;overflow:hidden}.contact-info-card:hover{border-color:var(--secondary-color);box-shadow:0 0 20px #f0f3;transform:translateY(-2px)}.contact-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.contact-item{display:flex;flex-direction:column;padding:1rem;background-color:#ffffff08;border-radius:8px;border-left:3px solid var(--primary-color)}.contact-item dt{font-size:.9rem;color:#aaa;margin-bottom:.5rem;font-weight:500}.contact-item dd{font-size:1.1rem;font-weight:600;color:var(--text-color)}@media(max-width:600px){.contact-details{grid-template-columns:1fr}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in-section.visible{opacity:1;transform:none}