.updates-page{background:var(--background);min-height:100vh;color:var(--foreground);padding-top:8rem;position:relative}.updates-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 30% 0,#4ade800f 0%,#0000 50%),radial-gradient(at 70% 20%,#4ade800f 0%,#0000 50%);height:600px;position:absolute;top:0;left:0;right:0}.updates-container{z-index:1;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative}.roadmap-section{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;margin-bottom:4rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4ade8014}:root:not([data-theme=dark]) .roadmap-section{background:#ffffffe6;border-color:#e8e3db;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000008}.roadmap-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border:1px solid #4ade8033;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.roadmap-timeline{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0 auto;display:grid}.roadmap-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}:root:not([data-theme=dark]) .roadmap-item{background:var(--card-hover)}.roadmap-item:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px #4ade8014}.roadmap-item-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.roadmap-item-content{flex:1}.roadmap-item-title{margin-bottom:.15rem;font-size:.88rem;font-weight:700;line-height:1.3}.roadmap-item-date{color:var(--muted);font-size:.75rem;font-weight:500}.roadmap-progress{background:var(--border);border-radius:100px;width:100%;max-width:120px;height:5px;overflow:hidden}.roadmap-progress-fill{background:var(--gradient-primary);border-radius:100px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.roadmap-request-link{color:var(--primary);border:1px solid #0000;border-radius:100px;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.roadmap-request-link:hover{background:var(--primary-light);border-color:#4ade8033}.updates-header{text-align:center;margin-bottom:3rem}.updates-badge{background:var(--card-bg);border:1px solid var(--card-border);color:var(--primary);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.updates-header h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800}.updates-header p{color:var(--secondary);max-width:500px;margin:0 auto;font-size:1.15rem}.category-pills{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.5rem;display:flex}.category-pill{border:1px solid var(--border);color:var(--secondary);cursor:pointer;background:0 0;border-radius:100px;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .2s}.category-pill:hover{background:var(--card-bg);color:var(--foreground);border-color:var(--foreground)}.category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #4ade8040}.updates-grid{grid-template-columns:190px 1fr;gap:4rem;display:grid;position:relative}.updates-sidebar{position:relative}.sticky-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:sticky;top:6rem}:root:not([data-theme=dark]) .sticky-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-color:#e8e3db;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000008}.sidebar-pill{border-radius:var(--radius-md);color:var(--secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.82rem;transition:all .2s;display:flex}.sidebar-pill:hover{background:var(--card-hover);color:var(--foreground)}.sidebar-pill.active{background:var(--primary-light);color:var(--primary);border-color:#0000;font-weight:600}.pill-date{font-weight:500}.pill-version{opacity:.6;font-size:.7rem;font-family:var(--font-mono)}.updates-feed{flex-direction:column;gap:2.5rem;padding-bottom:6rem;display:flex}.update-card-wrapper{position:relative}.update-card{background:var(--card-bg);border:1px solid var(--card-border);z-index:1;border-radius:20px;padding:2.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}:root:not([data-theme=dark]) .update-card{background:#ffffffe6;border-color:#e8e3db;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.update-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000000f}.update-card.latest-card{border-color:#4ade804d;box-shadow:0 0 0 1px #4ade8014,0 8px 40px #4ade8014}.update-card.latest-card:hover{box-shadow:0 0 0 1px #4ade801f,0 16px 60px #4ade801f}.latest-glow-effect{pointer-events:none;background:radial-gradient(circle at 50% 0,#4ade800f,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.card-header{margin-bottom:1.75rem;position:relative}.meta-row{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.date-badge{color:var(--secondary);font-size:.85rem;font-weight:500;font-family:var(--font-mono);align-items:center;gap:.5rem;display:flex}.tag-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:100px;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.tag-badge.launch{color:var(--success);background:#4ade801a;border:1px solid #4ade8033}.tag-badge.beta{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.tag-badge.improvement{color:#34d399;background:#0596691a;border:1px solid #05966926}:root:not([data-theme=dark]) .tag-badge.improvement{color:#059669}.update-title{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.card-body>p{color:var(--secondary);max-width:95%;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.sections-grid{flex-direction:column;gap:1.25rem;display:flex}.row-group{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.section-block{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border);height:100%;padding:1.25rem;position:relative}:root:not([data-theme=dark]) .section-block{background:var(--card-hover)}.section-block.news{background:#4ade8008;border-color:#4ade801f}:root:not([data-theme=dark]) .section-block.news{background:#16a34a08;border-color:#16a34a1f}.section-title-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.72rem;font-weight:700;display:flex}.section-title-label svg{opacity:.7;width:13px;height:13px}.features-list{flex-direction:column;gap:.7rem;display:flex}.feature-item{color:var(--foreground);align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.5;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.55rem}.feature-dot.dot-blue{background:var(--primary)}.feature-dot.dot-purple{background:#a78bfa}.feature-dot.dot-green{background:var(--success)}.card-footer-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.reaction-buttons{color:var(--secondary);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.reaction-btn{border:1px solid var(--border);color:var(--secondary);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.78rem;transition:all .2s;display:flex}.reaction-btn:hover,.reaction-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.share-buttons{align-items:center;gap:.4rem;display:flex}.share-btn{border:1px solid var(--border);color:var(--secondary);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.78rem;text-decoration:none;transition:all .2s;display:flex}.share-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.timeline-line{background:linear-gradient(to bottom,var(--border),transparent);z-index:0;width:1px;height:2.5rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.updates-subscribe-banner{background:var(--primary-light);border-radius:var(--radius-xl);border:1px solid #4ade8026;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.updates-subscribe-banner .banner-text{color:var(--secondary);flex:1;font-size:.9rem}.updates-subscribe-banner .banner-text strong{color:var(--foreground)}.updates-subscribe-form{gap:.5rem;display:flex}.updates-subscribe-form input{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:100px;width:220px;padding:.5rem 1rem;font-size:.85rem}.updates-subscribe-form input:focus{border-color:var(--primary);outline:none}.updates-subscribe-form button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.updates-subscribe-form button:hover{opacity:.9;transform:translateY(-1px)}.updates-subscribe-form button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:860px){.updates-grid{grid-template-columns:1fr;gap:2rem}.updates-sidebar{display:none}.updates-header h1{font-size:2.25rem}.update-card{padding:1.5rem}.update-title{font-size:1.4rem}.row-group{grid-template-columns:1fr;gap:1rem}.card-body>p{max-width:100%;font-size:.95rem}.roadmap-timeline{grid-template-columns:1fr 1fr}.updates-subscribe-banner{text-align:center;flex-direction:column}.updates-subscribe-form{width:100%}.updates-subscribe-form input{flex:1;width:auto}}@media (max-width:640px){.card-footer-actions{flex-direction:column;align-items:flex-start}.roadmap-timeline{grid-template-columns:1fr}.roadmap-item{text-align:left;flex-direction:row}.roadmap-progress{max-width:80px}}
