.join-page{color:#f5f5f7;background:#0a0a0f;min-height:100vh;font-family:Inter,Noto Sans SC,sans-serif}.join-nav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0f99;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.join-logo{letter-spacing:.3em;color:#f5f5f7;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none}.join-nav-links{gap:32px;display:flex}.join-nav-links a{color:#a1a1aa;font-size:14px;text-decoration:none;transition:color .3s}.join-nav-active{color:#f5f5f7!important}.join-nav-links a:hover{color:#f5f5f7}.join-header{text-align:center;max-width:800px;margin:0 auto;padding:120px 24px 60px}.join-code{letter-spacing:.3em;color:#6b6b73;margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:11px}.join-header h1{background:linear-gradient(#fff 0%,#a1a1aa 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-family:Playfair Display,serif;font-size:clamp(40px,7vw,80px);font-weight:300;line-height:1.1}.join-header h1 span{background:linear-gradient(135deg,#a78bfa 0%,#6366f1 50%,#06b6d4 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.join-sub{color:#a1a1aa;font-family:Noto Serif SC,serif;font-size:18px;font-weight:300;line-height:1.7}.join-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;padding:0 48px 80px;display:grid}.join-direct{color:#a1a1aa;background:#a78bfa0a;border:1px solid #a78bfa1f;border-radius:16px;max-width:720px;margin:-40px auto 60px;padding:32px 40px;font-size:14px;line-height:1.8}.join-direct-title{letter-spacing:.02em;font-weight:500;color:#a78bfa!important;margin:0 0 12px!important;font-size:14px!important}.join-direct p{margin:0 0 10px}.join-direct p:last-child{margin-bottom:0}.join-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;padding:40px;transition:border-color .4s,transform .4s}.join-card:hover{border-color:#a78bfa4d;transform:translateY(-2px)}.join-card-featured{background:linear-gradient(135deg,#a78bfa14 0%,#06b6d40a 100%);border-color:#a78bfa40}.join-card-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.join-card-num{color:#a78bfa;background:#a78bfa26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.join-card-tag{letter-spacing:.2em;color:#6b6b73;font-family:JetBrains Mono,monospace;font-size:11px}.join-card h2{color:#f5f5f7;margin:0 0 16px;font-family:Playfair Display,serif;font-size:32px;font-weight:300}.join-card>p{color:#a1a1aa;margin:0 0 32px;font-family:Noto Serif SC,serif;font-size:16px;line-height:1.7}.join-qr{text-align:center;margin-bottom:32px}.join-qr-box{color:#6b6b73;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 12px;padding:10px;font-size:12px;display:flex;box-shadow:0 20px 40px -20px #6366f133}.join-qr-box img{object-fit:contain;border-radius:6px;width:100%;height:100%;display:block}.join-qr small{color:#6b6b73;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px}.join-card-list{border-top:1px solid #ffffff0f;padding-top:32px}.join-card-list h3{letter-spacing:.2em;color:#6b6b73;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.join-card-list ul{margin:0;padding:0;list-style:none}.join-card-list li{color:#f5f5f7bf;padding:4px 0;font-family:Noto Serif SC,serif;font-size:15px}.join-rules,.join-faq{border-top:1px solid #ffffff0f;max-width:800px;margin:0 auto;padding:60px 48px}.join-rules h2,.join-faq h2{background:linear-gradient(#fff 0%,#a1a1aa 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-family:Playfair Display,serif;font-size:clamp(28px,5vw,48px);font-weight:300;line-height:1.2}.join-rules ol{counter-reset:r;padding:0;list-style:none}.join-rules li{counter-increment:r;color:#f5f5f7b3;margin-bottom:32px;padding-left:60px;font-family:Noto Serif SC,serif;font-size:17px;line-height:1.7;position:relative}.join-rules li:before{content:counter(r, decimal-leading-zero);color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:14px;position:absolute;top:0;left:0}.join-rules li strong{color:#f5f5f7;margin-bottom:4px;display:block}.join-faq details{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:12px;padding:20px 24px;transition:border-color .3s}.join-faq details:hover{border-color:#ffffff1a}.join-faq summary{cursor:pointer;color:#f5f5f7e6;justify-content:space-between;align-items:center;font-family:Playfair Display,serif;font-size:18px;list-style:none;display:flex}.join-faq summary::-webkit-details-marker{display:none}.join-faq summary:after{content:"+";color:#a78bfa;font-size:24px;transition:transform .3s}.join-faq details[open] summary:after{transform:rotate(45deg)}.join-faq details p{color:#a1a1aa;margin:16px 0 0;font-family:Noto Serif SC,serif;font-size:15px;line-height:1.7}.join-footer{text-align:center;color:#6b6b73;letter-spacing:.2em;border-top:1px solid #ffffff0f;padding:32px 48px;font-family:JetBrains Mono,monospace;font-size:11px}@media (max-width:720px){.join-nav{padding:16px 20px}.join-nav-links{gap:16px}.join-header{padding:80px 20px 40px}.join-grid{grid-template-columns:1fr;gap:16px;padding:0 20px 60px}.join-grid-single{grid-template-columns:1fr}.join-direct{margin:-20px 20px 40px;padding:24px 20px}.join-card{padding:28px}.join-qr-box{width:150px;height:150px}.join-rules,.join-faq{padding:40px 20px}}