.quickstart-hero-section{padding:2rem 0}.quickstart-part{margin:3rem 0;padding:2rem 0;border-top:2px solid rgba(55,0,255,.1)}.part-header{text-align:center;margin-bottom:3rem}.part-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#3700ff1a;border:1px solid rgba(55,0,255,.2);border-radius:50px;color:#3700ffe6;font-weight:600;font-size:14px;margin-bottom:1rem}.part-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#1f2937;margin:0;line-height:1.2}.part-intro{text-align:center;font-size:1.125rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.quickstart-step{background:#fffc;backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin:2rem 0;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 25px #00000014;position:relative;transition:all .3s ease}.quickstart-step:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000001f;border-color:#3700ff4d}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3700ffe6,#3700ff);color:#fff;border-radius:50%;font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px #3700ff4d;flex-shrink:0}.step-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;flex-grow:1}.code-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:6px 12px;background:#10b9811a;color:#10b981e6;border:1px solid rgba(16,185,129,.2);border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.step-content{line-height:1.7;color:#4b5563}.step-content p{margin-bottom:1rem;font-size:1.1rem}.api-list{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1rem;margin:1rem 0;list-style:none}.api-list li{margin:.5rem 0;padding-left:1rem;position:relative}.api-list li:before{content:"→";position:absolute;left:0;color:#3b82f6b3;font-weight:700}.code-explanation{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1rem;margin:1rem 0;font-size:.95rem;line-height:1.6;color:#4b5563;position:relative}.code-explanation:before{content:"💡";margin-right:.5rem}.quickstart-success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid rgba(16,185,129,.3);border-radius:20px;padding:2rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}.quickstart-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.success-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:1rem}.next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.next-step-card{background:#ffffffb3;backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;border:2px solid rgba(255,255,255,.4);text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.next-step-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000001f;border-color:#3700ff4d;text-decoration:none}.next-step-icon{font-size:2rem;align-self:flex-start}.next-step-title{font-weight:700;color:#1f2937;margin:0;font-size:1.2rem}.next-step-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}@media (max-width: 768px){.quickstart-step{padding:1.5rem;margin:1.5rem 0}.step-header{flex-direction:column;align-items:flex-start;gap:.5rem}.step-number{width:35px;height:35px;font-size:1rem}.next-steps-grid{grid-template-columns:1fr;gap:1rem}}