@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color:#f4f4f5;--background:#09090b;--surface:#111113;--surface-hover:#17171a;--border:#27272a;--border-light:#3f3f46;--text:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent:#70f1a8;background:#09090b;font-family:Inter,sans-serif}html{background:var(--background)}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,a{font-family:inherit}button{border:none}a{color:inherit;text-decoration:none}.app{width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 32px}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.logo-mark{color:#09090b;background:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.navbar a{color:var(--text-secondary);font-size:14px;transition:color .2s}.navbar a:hover{color:#fff}.hero{max-width:850px;padding:110px 0 90px}.hero-label,.small-label{color:var(--accent);letter-spacing:.14em;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:inline-block}.hero h1{color:#fff;letter-spacing:-.06em;margin-top:22px;font-size:clamp(48px,8vw,92px);font-weight:800;line-height:.98}.hero h1 span{color:var(--text-muted)}.hero p{max-width:580px;color:var(--text-secondary);margin-top:30px;font-size:17px;line-height:1.7}.hero-line{background:linear-gradient(90deg, var(--accent), transparent);width:100%;height:1px;margin-top:55px}.timeline-section{padding-bottom:100px}.section-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.section-header h2{color:#fff;letter-spacing:-.04em;margin-top:8px;font-size:36px;font-weight:700}.filters{border:1px solid var(--border);background:#0e0e10;border-radius:10px;align-items:center;gap:5px;padding:5px;display:flex}.filters button{min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:9px 14px;font-size:13px;transition:background .2s,color .2s}.filters button:hover{color:#fff}.filters button.active{color:#09090b;background:#fff}.events{flex-direction:column;gap:16px;display:flex}.program-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:60px minmax(0,1fr) 250px;gap:28px;padding:28px;transition:transform .2s,border-color .2s,background .2s;display:grid}.program-card:hover{border-color:var(--border-light);background:var(--surface-hover);transform:translateY(-3px)}.program-number{color:var(--text-dim);padding-top:2px;font-family:DM Mono,monospace;font-size:14px;font-weight:400}.program-main{min-width:0}.program-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.program-tag{border:1px solid var(--border-light);color:var(--accent);letter-spacing:.08em;border-radius:4px;align-items:center;padding:5px 8px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:inline-flex}.next-label{color:var(--text-dim);letter-spacing:.04em;font-family:DM Mono,monospace;font-size:9px}.program-card h2{color:#fff;letter-spacing:-.03em;margin-top:15px;font-size:27px;font-weight:700;line-height:1.15}.program-card p{max-width:650px;color:var(--text-secondary);margin-top:9px;font-size:14px;line-height:1.6}.program-note{border-left:2px solid var(--accent);max-width:650px;color:var(--text-muted);background:#0d0d0f;margin-top:18px;padding:12px 14px;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}.next-milestone{flex-direction:column;gap:5px;margin-top:28px;display:flex}.next-milestone span{color:var(--text-dim);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:9px}.next-milestone strong{color:#fff;font-size:14px;font-weight:600}.countdown{align-items:flex-start;gap:24px;margin-top:20px;display:flex}.countdown div{flex-direction:column;min-width:42px;display:flex}.countdown strong{color:#fff;font-family:DM Mono,monospace;font-size:23px;font-weight:500;line-height:1}.countdown span{color:var(--text-muted);margin-top:7px;font-family:DM Mono,monospace;font-size:9px;line-height:1}.expired{color:var(--accent);letter-spacing:.08em;margin-top:20px;font-family:DM Mono,monospace;font-size:10px}.no-countdown{color:var(--text-dim);letter-spacing:.08em;margin-top:20px;font-family:DM Mono,monospace;font-size:10px}.milestone-button{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;margin-top:28px;padding:9px 12px;font-family:DM Mono,monospace;font-size:10px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.milestone-button:hover{border-color:var(--border-light);color:#fff;background:#151517}.milestones{border-top:1px solid var(--border);flex-direction:column;margin-top:20px;display:flex}.milestone{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:13px 0;display:flex}.milestone-dot{border:1px solid var(--border-light);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.milestone.past .milestone-dot{border-color:var(--accent);color:var(--accent)}.milestone>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.milestone strong{color:#d4d4d8;font-size:12px;font-weight:600}.milestone span{color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px}.no-milestones{color:var(--text-dim);padding:20px 0;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}.calendar{border:1px solid var(--border);background:#0c0c0e;border-radius:10px;flex-shrink:0;align-self:center;width:250px;padding:16px}.calendar-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:14px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:flex}.weekdays{color:var(--text-dim);text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;font-family:DM Mono,monospace;font-size:9px;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{width:100%;height:26px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:10px;transition:background .15s,color .15s;display:flex}.calendar-day.event-day{color:#09090b;box-shadow:0 0 0 2px var(--accent);background:#fff;font-weight:800}.calendar-day.empty{visibility:hidden}.calendar-empty{flex-direction:column;justify-content:center;gap:10px;min-height:180px;display:flex}.calendar-empty-title{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:12px}.calendar-empty-text{color:var(--text-dim);font-family:DM Mono,monospace;font-size:10px;line-height:1.6}footer{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:flex-start;gap:30px;padding:30px 0 45px;font-size:12px;display:flex}footer div{flex-direction:column;gap:6px;display:flex}footer strong{color:var(--text-secondary);font-size:13px}footer span{font-family:DM Mono,monospace}@media (width<=900px){.app{padding:0 24px}.program-card{grid-template-columns:45px minmax(0,1fr)}.calendar{grid-column:2;width:250px;margin-top:10px}}@media (width<=600px){.app{padding:0 16px}.navbar{height:68px}.navbar a{font-size:12px}.hero{padding:75px 0 60px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero p{margin-top:24px;font-size:15px}.section-header{flex-direction:column;align-items:flex-start;gap:20px}.section-header h2{font-size:30px}.filters{width:100%}.filters button{flex:1}.program-card{grid-template-columns:1fr;gap:18px;padding:20px}.program-number{display:none}.program-card h2{font-size:24px}.calendar{grid-column:auto;width:100%;margin-top:5px}.countdown{gap:18px}.countdown strong{font-size:20px}.countdown div{min-width:38px}footer{flex-direction:column;gap:20px}}@media (width<=380px){.hero h1{font-size:40px}.countdown{gap:12px}.countdown strong{font-size:17px}.countdown span{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.logo{align-items:center;width:auto;height:100%;display:flex}.logo-image{object-fit:contain;object-position:center;border-radius:0;width:105px;height:42px;display:block}