.roadmap-container{max-width:800px;margin:40px auto;padding:0 20px}.timeline-item{background:#1a1c23f2;border-left:4px solid #334155;border-radius:12px;margin-bottom:24px;padding:25px;transition:all .3s;position:relative}.timeline-item:hover{background:#1a1c23fa;transform:translate(5px)}.timeline-item:before{content:"";background:currentColor;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.timeline-item.registration{color:#8b5cf6;border-color:#8b5cf6}.timeline-item.orientation{color:#22c55e;border-color:#22c55e}.timeline-item.dept-orientation{color:#3b82f6;border-color:#3b82f6}.timeline-item.rfid{color:#f59e0b;border-color:#f59e0b}.timeline-item.classes{color:#ec4899;border-color:#ec4899}.date{color:#94a3b8;margin-bottom:8px;font-size:.9rem;display:block}.content h3{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;display:flex}.content p{color:#cbd5e1;margin:8px 0;font-size:.95rem}.status{color:#e2e8f0;background:#ffffff1a;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:.85rem;display:inline-block}.status.pending{color:#ef4444;background:#ef44441a}.note{color:#22c55e;background:#22c55e1a;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:.85rem;display:inline-block}.calendar-link{color:#e2e8f0;align-items:center;gap:6px;margin-top:12px;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.calendar-link:hover{color:#fff}.quick-links{max-width:800px;margin:40px auto;padding:0 20px}.quick-links h2{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:20px;font-size:1.2rem;display:flex}.links-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.links-grid a{color:#e2e8f0;background:#1a1c23f2;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.links-grid a:hover{background:#1a1c23fa;transform:translateY(-3px);box-shadow:0 4px 20px #0003}.links-grid a i{color:#8b5cf6;font-size:1.5rem}.links-grid a span{text-align:center;font-size:.9rem}@media (max-width:600px){.roadmap-container,.quick-links{padding:0 15px}.timeline-item{padding:20px}.links-grid{grid-template-columns:1fr}}