.success-nav{position:sticky;top:100px;background:#fff;padding:32px 24px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.success-nav a{color:#4b5563;text-decoration:none;font-weight:500;display:block;margin-bottom:12px;padding-left:16px;position:relative;transition:all .3s}.success-nav a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#d1d5db;border-radius:50%;transition:all .3s}.success-nav a:hover,.success-nav a.active-section{color:#6366f1;transform:translateX(4px)}.success-nav a:hover::before,.success-nav a.active-section::before{width:6px;height:6px;background:#6366f1}@media (max-width:980px){.success-nav{position:relative;top:0;margin-bottom:30px}}.result-green{background:#f0fdf4;border-left:4px solid #10b981;padding:20px;border-radius:8px;margin-bottom:20px}.result-blue{background:#eff6ff;border-left:4px solid #3b82f6;padding:20px;border-radius:8px;margin-bottom:20px}.result-purple{background:#faf5ff;border-left:4px solid #8b5cf6;padding:20px;border-radius:8px;margin-bottom:20px}.result-yellow{background:#fef3c7;border-left:4px solid #f59e0b;padding:20px;border-radius:8px;margin-bottom:20px}.result-cyan{background:#ecfeff;border-left:4px solid #06b6d4;padding:20px;border-radius:8px;margin-bottom:20px}html{scroll-behavior:smooth}