#participate.join-calendar{background:#121212;color:#f3f4f6;padding-top:95px;padding-bottom:100px;overflow:hidden}#participate .join-heading{text-align:center;margin:0 auto 48px}#participate .join-heading>div{font-family:Arial,sans-serif;font-size:clamp(24px,3.4vw,54px);font-weight:950;letter-spacing:-2px;color:#747d8b;line-height:1.1}#participate .join-heading h2{font-size:clamp(28px,2.5vw,40px);line-height:1.4;letter-spacing:-1px;margin:26px 0 16px}#participate .join-heading p{font-size:14px;color:#9caabd;margin:0}.join-calendar-board{width:420px;max-width:100%;margin:0 auto 52px}.calendar-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-caption h3{font-size:19px;margin:0}.calendar-caption>span{font:12px monospace;color:#8493a6;letter-spacing:1px}.calendar-caption b{font-size:24px;font-style:italic;margin-left:10px;font-weight:400}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-week{font-size:11px;text-align:center;color:#7e8999;margin-bottom:9px}.calendar-day{display:flex;align-items:center;justify-content:center;height:28px;border-radius:3px;font:11px monospace;color:#e0e8f3;transition:transform .2s,filter .2s;background:#242a32}.calendar-day:hover{transform:translateY(-3px);filter:brightness(1.35)}.calendar-day.quiet{background:#1b2027;color:#59616e}.calendar-day.blue{background:#4f6e9b}.calendar-day.orange{background:#986d55}.calendar-day.purple{background:#756891}.calendar-day.green{background:#4d816d}.calendar-day.overlap{background:linear-gradient(135deg,#4f6e9b 50%,#986d55 50%)}.calendar-legend{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;color:#a5afbf}.calendar-legend span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--phase);margin-right:6px;border-radius:1px}.blue{--phase:#89afff}.orange{--phase:#f6aa80}.purple{--phase:#b4a1f4}.green{--phase:#97d3ae}.join-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.phase-top{display:flex;align-items:center;gap:14px;color:var(--phase);font:12px monospace}.phase-top i{height:1px;flex:1;background:linear-gradient(90deg,var(--phase),#30343b)}#participate .join-phase h3{font-size:21px;margin:20px 0 14px;line-height:1.4}#participate .phase-date{font:17px monospace;color:var(--phase);margin:0 0 24px}#participate .join-phase h4{font-size:14px;font-weight:500;margin:0 0 8px;color:#e1e6ed}#participate .join-phase>p:last-child{font-size:14px;line-height:1.9;color:#9caabd;margin:0}.join-notice{text-align:center;font-size:11px!important;color:#748092!important;margin:32px 0 44px!important;line-height:1.8}.join-start{border:1px solid #303844;border-radius:12px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse at 0 0,#202a3b,transparent 65%),#171b21}.join-start>div>span{font:10px monospace;letter-spacing:2px;color:#8eaff5}#participate .join-start h3{font-size:23px;margin:10px 0 12px}#participate .join-start p{font-size:13px;color:#a9b7cc;margin:0 0 8px}.join-start small{font-size:11px;color:#7f8da1}.join-actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.join-primary{background:#87a8ff;color:#0d1423;padding:15px 24px;font-size:15px;font-weight:700;border-radius:5px;min-width:180px;display:flex;justify-content:space-between;gap:25px;transition:background .2s,transform .2s}.join-primary:hover{background:#a8c0ff;transform:translateY(-2px)}.join-secondary{font-size:12px;color:#b3c7e5}.join-calendar a:focus-visible{outline:2px solid #b7cbff;outline-offset:5px}@media(min-width:1600px){.join-calendar-board{margin-bottom:65px}.join-phases{gap:42px}}@media(max-width:1000px){.join-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.join-start{padding:24px}.join-heading>div{letter-spacing:-1px!important}}@media(max-width:600px){#participate.join-calendar{padding-top:60px;padding-bottom:55px}.join-heading{margin-bottom:30px!important}.join-heading p{line-height:1.8}.join-phases{gap:24px 18px}#participate .join-phase h3{font-size:17px}#participate .phase-date{font-size:14px;margin-bottom:16px}.join-start{align-items:stretch;flex-direction:column}.join-actions{align-items:stretch;text-align:center}.calendar-days{gap:5px}.join-calendar-board{margin-bottom:36px}.join-start p{line-height:1.8}}@media(prefers-reduced-motion:reduce){.calendar-day,.join-primary{transition:none}}.motion-reduced .calendar-day,.motion-reduced .join-primary{transition:none}
/* Guide and timeline: separate hierarchy, compact editorial rhythm. */
#participate.join-calendar{padding-top:90px;padding-bottom:80px}#participate .join-heading>div{font-family:Arial,sans-serif;font-weight:950;font-size:clamp(26px,3.6vw,52px);letter-spacing:-1.8px;transform:scaleY(.66) scaleX(1.08);transform-origin:center;line-height:1.15}#participate .join-heading h2{font-size:clamp(25px,2.3vw,34px);margin:16px 0 22px}#participate .join-heading p{font-size:16px;color:#aeb9c9;line-height:1.8}.join-guide{list-style:none;padding:0;margin:70px auto 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1080px;text-align:center}.guide-node{position:relative;color:#9fb8f2;font:24px Georgia,serif;margin-bottom:32px}.guide-node:after{content:'';position:absolute;top:50%;height:1px;left:calc(50% + 29px);width:calc(100% - 32px);background:#343b45}.join-guide li:last-child .guide-node:after{display:none}#participate .join-guide h3{font-size:23px;margin:0 0 25px}#participate .join-guide p{font-size:16px;line-height:1.9;color:#aab5c5;margin:0}.join-calendar-board{width:320px;margin:55px auto 65px}.calendar-caption{margin-bottom:28px}.calendar-caption b{font:italic 25px monospace;color:#909baa}.pixel-calendar{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(10,1fr);gap:5px}.pixel{height:17px;border-radius:1px;background:#1d232b;transition:filter .2s,transform .2s}.pixel.blue{background:#607fa7}.pixel.orange{background:#aa775e}.pixel.purple{background:#8778ac}.pixel.green{background:#749f7d}.pixel.overlap{background:linear-gradient(135deg,#607fa7 50%,#aa775e 50%)}.pixel:hover{filter:brightness(1.5);transform:scale(1.12)}.pixel-months{display:flex;justify-content:space-between;padding:16px 40px 0;font-size:12px;color:#8291a7}.join-phases{max-width:1080px;margin:auto;gap:35px}.phase-top,#participate .join-phase h4{display:none}#participate .join-phase h3{font-size:21px;margin:0 0 20px}#participate .phase-date{font:15px monospace;margin-bottom:24px}#participate .join-phase>p:last-child{font-size:15px;line-height:1.9}.join-notice{margin:35px 0 0!important}.join-contact{text-align:center;margin:65px auto 0;display:flex;flex-direction:column;align-items:center;gap:18px}.join-contact .join-primary{min-width:200px;justify-content:center;border-radius:0}.join-contact p{font-size:13px!important;color:#9daec6!important;margin:12px 0 0!important}.join-contact p a{color:#bbccec}.join-contact small{font-size:11px;color:#79869a}@media(max-width:700px){.join-guide{grid-template-columns:repeat(2,1fr);gap:38px 22px;margin:40px 0 70px}.join-guide li:nth-child(2) .guide-node:after{display:none}#participate .join-guide h3{font-size:19px;margin-bottom:16px}#participate .join-guide p{font-size:14px}.guide-node{margin-bottom:20px}#participate .join-heading>div{transform:scaleY(.7);font-size:25px;letter-spacing:-1px}#participate .join-heading h2{font-size:24px}.join-calendar-board{margin:35px auto 40px}.join-phases{gap:32px 22px}.join-contact{margin-top:40px}}@media(prefers-reduced-motion:reduce){.pixel{transition:none}}.motion-reduced .pixel{transition:none}