.how-to-start-page{min-height:100vh}.how-to-start-page .loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:1.1rem}.how-to-start-page .page-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-2xl) 0;text-align:center}.how-to-start-page .page-header .container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.how-to-start-page .page-header .container h1{font-size:3rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-to-start-page .page-header .container p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@media(max-width:768px){.how-to-start-page .page-header{padding:var(--spacing-xl) 0}.how-to-start-page .page-header .container{padding:0 var(--spacing-md)}.how-to-start-page .page-header .container h1{font-size:2rem}.how-to-start-page .page-header .container p{font-size:1.1rem}}@media(max-width:480px){.how-to-start-page .page-header .container h1{font-size:1.75rem}.how-to-start-page .page-header .container p{font-size:1rem}}.animated-workflow{padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.animated-workflow__container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.animated-workflow .workflow-content{display:flex;justify-content:center;min-height:500px}.animated-workflow .workflow-details-panel{width:100%;max-width:1200px;position:relative;overflow:hidden;cursor:pointer}.animated-workflow .workflow-details-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(16,185,129,.15) 0,rgba(16,185,129,.08) 30%,rgba(16,185,129,.04) 50%,transparent 70%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.animated-workflow .workflow-details-panel:hover:before{opacity:1}.animated-workflow .workflow-details-panel>*{position:relative;z-index:2}.animated-workflow .workflow-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.animated-workflow .workflow-header .workflow-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff}.animated-workflow .workflow-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);flex:1 1}.animated-workflow .workflow-steps{display:flex;flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.animated-workflow .step{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.animated-workflow .step:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(239,131,84,.08) 0,transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.animated-workflow .step:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#10b981}.animated-workflow .step:hover:before{opacity:1;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(16,185,129,.08) 0,transparent 40%)}.animated-workflow .step.active{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:#10b981;box-shadow:0 0 15px rgba(16,185,129,.3);transform:scale(1.1)}.animated-workflow .step.active .step-icon{color:#10b981}.animated-workflow .step .step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);transition:all .3s ease}.animated-workflow .workflow-details{height:100%;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all .3s ease}.animated-workflow .workflow-details:hover{border-color:#10b981}.animated-workflow .details-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);position:relative;z-index:2;transition:all .3s ease}.animated-workflow .details-header .details-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;transition:all .3s ease}.animated-workflow .details-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);flex:1 1}.animated-workflow .details-content{padding:var(--spacing-xl);position:relative;z-index:2}.animated-workflow .description{margin-bottom:var(--spacing-xl);min-height:60px;display:flex;align-items:center;padding:var(--spacing-md)}.animated-workflow .typing-text{font-size:1.25rem;font-weight:500;color:var(--text-primary);line-height:1.6}.animated-workflow .cursor{animation:blink 1s infinite;color:var(--primary-color);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animated-workflow .details-text{padding:var(--spacing-md)}.animated-workflow .detail-paragraph{color:var(--text-primary);line-height:1.8;font-size:1.1rem;margin-bottom:var(--spacing-lg);opacity:0;transform:translateX(-20px);animation:slideIn .5s ease forwards}.animated-workflow .detail-paragraph.highlighted{color:var(--text-primary);font-weight:500}.animated-workflow .detail-paragraph:last-child{margin-bottom:0}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.animated-workflow{padding:var(--spacing-xl) 0}.animated-workflow__container{padding:0 var(--spacing-md)}.animated-workflow .workflow-content{min-height:auto}.animated-workflow .workflow-details-panel{min-height:400px}.animated-workflow .workflow-steps{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.animated-workflow .workflow-header{padding:var(--spacing-md)}.animated-workflow .workflow-header h3{font-size:1.25rem}.animated-workflow .step{width:50px;height:50px}.animated-workflow .step .step-icon{width:20px;height:20px}.animated-workflow .workflow-steps{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.animated-workflow .details-header{padding:var(--spacing-lg)}.animated-workflow .details-header h3{font-size:1.25rem}.animated-workflow .details-content{padding:var(--spacing-lg)}.animated-workflow .typing-text{font-size:1.1rem}}