.completion-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;background-image:url(/images/stars.gif);background-size:contain;opacity:.7;animation:fade-out 1s forwards}.roadmap-container{max-width:900px;margin:0 auto;font-family:Nunito,sans-serif}.roadmap-progress-container{margin-bottom:30px;background-color:#fdfdfc;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000000d}.roadmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.roadmap-title{font-size:1.5rem;font-weight:700;color:#1b1b18}.roadmap-stats{display:flex;align-items:center;gap:15px}.stat-item{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#706f6c}.stat-icon{font-size:1.2rem}.progress{height:20px;background-color:#e3e3e0;border-radius:20px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#1b1b18,#706f6c);border-radius:20px;transition:width .5s ease}.progress-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#1b1b18;font-weight:700;font-size:.8rem;z-index:1}.roadmap-tasks{display:flex;flex-direction:column;gap:20px}.roadmap-task{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;border-left:4px solid #1b1b18;transition:all .3s ease}.roadmap-task.expanded{box-shadow:0 8px 15px #0000001a}.roadmap-task.task-completed{border-left-color:#10b981}.task-header{display:flex;align-items:center;padding:15px 20px;cursor:pointer;position:relative}.task-icon{font-size:1.8rem;margin-right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#fdfdfc;border-radius:50%}.task-content{flex:1}.task-title{font-size:1.1rem;font-weight:600;color:#1b1b18;margin-bottom:5px}.task-description{font-size:.9rem;color:#706f6c}.task-progress{margin-top:8px;height:8px;background-color:#e3e3e0;border-radius:10px;overflow:hidden;position:relative}.task-dropdown{margin-left:15px;font-size:1.2rem;color:#706f6c;transition:transform .3s ease}.expanded .task-dropdown{transform:rotate(180deg)}.subtask-list{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background-color:#fdfdfc}.subtask-item{display:flex;align-items:center;padding:12px 20px 12px 80px;border-top:1px solid #e3e3e0;position:relative;transition:background-color .2s ease}.subtask-item:hover{background-color:#fdfdfc}.subtask-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid #e3e3e0;border-radius:5px;margin-right:15px;position:relative;cursor:pointer;transition:all .2s ease}.subtask-checkbox:checked{background-color:#10b981;border-color:#10b981}.subtask-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.subtask-title{font-size:1rem;color:#1b1b18;transition:color .2s ease}.subtask-item.completed .subtask-title{color:#706f6c;text-decoration:line-through}.completion-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;background-image:url(/images/stars.gif);background-size:contain;opacity:.7;animation:fade-out 1s forwards}.completion-message{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:#10b981;color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 4px 6px #0000001a;animation:float-up 3s ease-out forwards;z-index:20}.pulse-animation{animation:pulse 1s ease-in-out 2}@keyframes fade-out{0%{opacity:.7}to{opacity:0}}@keyframes float-up{0%{top:-10px;opacity:0}10%{top:-40px;opacity:1}80%{top:-50px;opacity:1}to{top:-70px;opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (max-width: 640px){.roadmap-task{border-radius:8px}.task-icon{font-size:1.4rem;width:35px;height:35px;margin-right:10px}.task-title{font-size:1rem}.task-description{font-size:.8rem}.subtask-item{padding:10px 15px 10px 60px}.subtask-checkbox{width:18px;height:18px}.subtask-title{font-size:.9rem}}.dark .roadmap-progress-container{background-color:#161615}.dark .roadmap-title{color:#ededec}.dark .stat-item{color:#a1a09a}.dark .progress{background-color:#3e3e3a}.dark .progress-text{color:#ededec}.dark .roadmap-task{background-color:#161615}.dark .task-icon{background-color:#3e3e3a}.dark .task-title{color:#ededec}.dark .task-description{color:#a1a09a}.dark .task-progress{background-color:#3e3e3a}.dark .task-dropdown{color:#706f6c}.dark .subtask-list{background-color:#0a0a0a}.dark .subtask-item{border-top-color:#3e3e3a}.dark .subtask-item:hover{background-color:#161615}.dark .subtask-title{color:#ededec}.dark .subtask-item.completed .subtask-title{color:#706f6c}