.intro-container{margin:0 auto;max-width:800px}.intro-header{margin-bottom:48px}.intro-title{color:#1a1a1a;font-size:32px;font-weight:600;margin-bottom:12px}.intro-subtitle{color:#666;font-size:16px;line-height:1.6}.steps-list{display:flex;flex-direction:column;gap:24px}.step-item{align-items:flex-start;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:24px;padding:24px;transition:all .3s ease}.step-item:hover{background-color:#f0f1f2;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateX(4px)}.step-number{align-items:center;background-color:#c4ff5e;border-radius:8px;color:#1a1a1a;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;transition:all .3s ease;width:80px}.step-item:hover .step-number{background-color:#b4ef4e;transform:scale(1.05)}.step-content{display:flex;flex:1;flex-direction:column;gap:8px;padding-top:8px}.step-title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4}.step-description{color:#666;font-size:14px;line-height:1.6}.step-item.completed .step-number{background-color:#1a7f5e;color:#fff}.step-item.completed .step-number:after{content:"✓";font-size:24px}.step-item.active{background-color:#e8f5f0;border:2px solid #1a7f5e}.step-item.active .step-number{background-color:#1a7f5e;color:#fff}.step-item:focus{outline:2px solid #1a7f5e;outline-offset:2px}.step-item:focus:not(:focus-visible){outline:none}@media (max-width:768px){.intro-title{font-size:28px}.step-item{gap:16px;padding:20px}.step-number{font-size:24px;height:60px;width:60px}.step-title{font-size:16px}}@media (max-width:480px){body{padding:20px}.intro-header{margin-bottom:32px}.intro-title{font-size:24px}.intro-subtitle{font-size:15px}.step-item{align-items:center;flex-direction:column;gap:16px;padding:24px 16px;text-align:center}.step-number{font-size:22px;height:56px;width:56px}.step-content{padding-top:0}.step-title{font-size:15px}.step-description{font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-header,.step-item{animation:fadeInUp .5s ease-out}.step-item:first-child{animation-delay:.1s}.step-item:nth-child(2){animation-delay:.2s}.step-item:nth-child(3){animation-delay:.3s}.step-item:nth-child(4){animation-delay:.4s}.step-item:nth-child(5){animation-delay:.5s}.steps-list.with-connectors .step-item:not(:last-child){margin-bottom:40px;position:relative}.steps-list.with-connectors .step-item:not(:last-child):after{background-color:#e0e0e0;bottom:-40px;content:"";height:40px;left:40px;position:absolute;width:2px}