.oa-hero{position:relative;min-height:92vh;display:flex;align-items:center;padding:calc(var(--nav-height) + var(--space-12)) 0 var(--space-16);background:var(--bg-primary);overflow:hidden;transition:background-color var(--transition-slow)}.oa-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px;opacity:.15;z-index:0;pointer-events:none}.oa-hero .container{position:relative;z-index:3}.oa-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.oa-particle{position:absolute;border-radius:50%;background:var(--accent-primary);opacity:0;animation:particle-float 8s ease-in-out infinite}@keyframes particle-float{0%{opacity:0;transform:translateY(100px) scale(.5)}20%{opacity:.4}50%{opacity:.15}80%{opacity:.3}to{opacity:0;transform:translateY(-100px) scale(.2)}}.oa-hero-glow{position:absolute;border-radius:50%;z-index:1;pointer-events:none;filter:blur(60px)}.oa-hero-glow-1{top:5%;right:10%;width:450px;height:450px;background:radial-gradient(circle,rgba(60,131,246,.12) 0%,transparent 70%);animation:glow-drift-1 12s ease-in-out infinite}.oa-hero-glow-2{bottom:10%;left:5%;width:350px;height:350px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);animation:glow-drift-2 15s ease-in-out infinite}.oa-hero-glow-3{top:40%;left:40%;width:300px;height:300px;background:radial-gradient(circle,rgba(96,165,250,.06) 0%,transparent 70%);animation:glow-drift-3 10s ease-in-out infinite}@keyframes glow-drift-1{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}@keyframes glow-drift-2{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}@keyframes glow-drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,10px) scale(1.1)}}.oa-hero-content{max-width:740px}.oa-hero-content h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:var(--weight-extrabold);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-5);color:var(--text-heading)}.oa-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin-bottom:var(--space-8)}.oa-hero-stats{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.oa-hero-stat-value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-heading);font-family:var(--font-heading)}.oa-hero-stat-value svg{color:var(--accent-primary);flex-shrink:0}.oa-hero-stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.oa-hero-stat-divider{width:1px;height:40px;background:var(--border-color)}.oa-hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);padding:var(--space-4) var(--space-8);animation:cta-glow-pulse 3s ease-in-out infinite}@keyframes cta-glow-pulse{0%,to{box-shadow:0 0 #3c83f64d,var(--shadow-lg)}50%{box-shadow:0 0 30px 8px #3c83f626,var(--shadow-xl)}}.oa-overview{padding:var(--space-12) 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.oa-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.oa-overview-item{text-align:center;padding:var(--space-6) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-2xl);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.oa-overview-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:0 0 var(--radius-full) var(--radius-full);opacity:0;transition:opacity var(--transition-base)}.oa-overview-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.oa-overview-item:hover:before{opacity:1}.oa-overview-icon{width:52px;height:52px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3c83f61a,#2563eb0f);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);transition:all var(--transition-base)}.oa-overview-item:hover .oa-overview-icon{background:linear-gradient(135deg,#3c83f633,#2563eb1f);transform:scale(1.08)}.oa-overview-icon svg{width:26px;height:26px;color:var(--accent-primary)}.oa-overview-item h4{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-heading)}.oa-overview-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.oa-requirements{padding:var(--space-24) 0;background:var(--bg-primary)}.oa-req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.oa-req-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.oa-req-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);border:1px solid transparent;background:linear-gradient(135deg,rgba(60,131,246,.15),transparent,transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.oa-req-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.oa-req-card:hover:after{opacity:1}.oa-req-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3c83f61a,#2563eb0f);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);transition:all .4s cubic-bezier(.16,1,.3,1)}.oa-req-card:hover .oa-req-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));transform:scale(1.08) rotate(-3deg)}.oa-req-icon svg{width:28px;height:28px;color:var(--accent-primary);transition:color var(--transition-base)}.oa-req-card:hover .oa-req-icon svg{color:#fff}.oa-req-card h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-heading)}.oa-req-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.oa-steps-section{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary);position:relative}.oa-steps-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(60,131,246,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(60,131,246,.015) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.oa-steps-section>*{position:relative;z-index:1}.oa-journey-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--space-10);align-items:start}.oa-progress-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-6));background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-slow)}.oa-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.oa-progress-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-heading);text-transform:uppercase;letter-spacing:.06em}.oa-progress-count{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent-primary);font-family:var(--font-mono)}.oa-progress-bar-track{width:100%;height:4px;background:var(--border-color);border-radius:var(--radius-full);margin-bottom:var(--space-6);overflow:hidden}.oa-progress-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:height .6s cubic-bezier(.16,1,.3,1);transform-origin:top}.oa-progress-nav{display:flex;flex-direction:column;gap:var(--space-1)}.oa-pnav-dot{display:flex;align-items:center;gap:var(--space-3);padding:6px 10px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;border:none;background:transparent;text-align:left;width:100%}.oa-pnav-dot span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);flex-shrink:0}.oa-pnav-dot:hover{background:var(--bg-secondary);color:var(--accent-primary)}.oa-pnav-dot.active span{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#fff;box-shadow:0 0 12px #3c83f64d}.oa-pnav-dot.completed span{background:var(--green);border-color:var(--green);color:#fff}.oa-steps-container{display:flex;flex-direction:column;gap:0}.oa-step-card{display:grid;grid-template-columns:64px 1fr;gap:var(--space-5);padding-bottom:var(--space-4)}.oa-step-connector{display:flex;flex-direction:column;align-items:center}.oa-step-number{width:52px;height:52px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:var(--text-secondary);font-family:var(--font-mono);position:relative;z-index:2;transition:all .5s cubic-bezier(.16,1,.3,1);flex-shrink:0}.oa-step-card:hover .oa-step-number,.oa-step-card.in-view .oa-step-number{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#fff;box-shadow:0 0 20px #3c83f64d,0 0 40px #3c83f61a;transform:scale(1.08)}.oa-step-number span{position:relative;z-index:1}.oa-step-card.in-view .oa-step-number:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent-primary);opacity:0;animation:step-ring-pulse 2s ease-in-out infinite}@keyframes step-ring-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.oa-step-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--border-color),transparent);min-height:20px}.oa-step-content{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-4);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.oa-step-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);opacity:0;transition:opacity .4s ease}.oa-step-card:hover .oa-step-content,.oa-step-card.in-view .oa-step-content{box-shadow:var(--shadow-card-hover);border-color:#3c83f626}.oa-step-card:hover .oa-step-content:before,.oa-step-card.in-view .oa-step-content:before{opacity:1}.oa-step-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding:4px 12px;background:linear-gradient(135deg,#3c83f614,#2563eb0a);border:1px solid rgba(60,131,246,.15);border-radius:var(--radius-full)}.oa-step-badge-success{background:linear-gradient(135deg,#10b9811a,#0596690f);border-color:#10b98133;color:var(--green)}.oa-step-content h3{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-heading);margin-bottom:var(--space-3);line-height:1.3}.oa-step-content>p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.oa-step-detail-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.oa-step-detail-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.oa-step-detail-item svg{color:var(--green);flex-shrink:0}.oa-step-tip{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#3c83f60f,#2563eb08);border:1px solid rgba(60,131,246,.12);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-top:var(--space-4)}.oa-step-tip svg{color:var(--accent-primary);flex-shrink:0;margin-top:1px}.oa-step-tip-info{background:linear-gradient(135deg,#f59e0b0f,#d9770608);border-color:#f59e0b26}.oa-step-tip-info svg{color:#f59e0b}.oa-substeps{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-5);padding-left:var(--space-2)}.oa-substep{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);transition:all var(--transition-base)}.oa-substep:hover{border-color:#3c83f633;box-shadow:var(--shadow-sm)}.oa-substep-marker{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0}.oa-substep-content h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-heading);margin-bottom:var(--space-1)}.oa-substep-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.oa-step-final .oa-step-content{background:linear-gradient(135deg,rgba(16,185,129,.04),rgba(5,150,105,.02),var(--bg-card));border-color:#10b98126}.oa-step-final .oa-step-content:before{background:linear-gradient(90deg,transparent,var(--green),#10B981,transparent)}.oa-step-number-final{background:linear-gradient(135deg,var(--green),#059669)!important;border-color:var(--green)!important;color:#fff!important;box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a!important}.oa-step-number-final svg{width:24px;height:24px}.oa-step-final-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);animation:cta-glow-pulse 3s ease-in-out infinite}.oa-help-section{padding:var(--space-20) 0;background:var(--bg-primary)}.oa-help-card{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-10);align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-12);overflow:hidden;box-shadow:var(--shadow-xl)}.oa-help-glow{position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(60,131,246,.08),transparent 70%);border-radius:50%;pointer-events:none;animation:glow-drift-1 10s ease-in-out infinite}.oa-help-content{position:relative;z-index:1}.oa-help-content h2{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-4);line-height:1.2;color:var(--text-heading)}.oa-help-content>p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:500px}.oa-help-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.oa-help-actions .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-heading);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-size:var(--text-base);transition:all var(--transition-base);cursor:pointer}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3c83f60a}.oa-help-visual{position:relative;height:280px;z-index:1}.oa-help-float-card{position:absolute;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-heading);white-space:nowrap}.oa-help-float-card svg{color:var(--accent-primary);flex-shrink:0}.oa-help-float-1{top:10%;right:10%;animation:float-slow 8s ease-in-out infinite}.oa-help-float-1 svg{color:var(--green)}.oa-help-float-2{top:45%;left:5%;animation:float-medium 7s ease-in-out infinite;animation-delay:1s}.oa-help-float-3{bottom:10%;right:20%;animation:float-slow 9s ease-in-out infinite;animation-delay:2s}.oa-help-float-3 svg{color:#f59e0b}.oa-sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px #0000001a;z-index:var(--z-sticky);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:none}.oa-sticky-cta.visible{transform:translateY(0)}.oa-sticky-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);padding:var(--space-4) var(--space-6)}@media(max-width:1200px){.oa-journey-layout{grid-template-columns:180px 1fr;gap:var(--space-6)}}@media(max-width:1024px){.oa-hero{min-height:auto;padding:calc(var(--nav-height) + var(--space-10)) 0 var(--space-12)}.oa-overview-grid,.oa-req-grid{grid-template-columns:repeat(2,1fr)}.oa-journey-layout{grid-template-columns:1fr}.oa-progress-sidebar{position:relative;top:auto;display:none}.oa-help-card{grid-template-columns:1fr;padding:var(--space-10) var(--space-8)}.oa-help-visual{display:none}}@media(max-width:768px){.oa-hero-content h1{font-size:var(--text-3xl)}.oa-hero-stats{gap:var(--space-4)}.oa-hero-stat-divider{display:none}.oa-overview-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.oa-req-grid{grid-template-columns:1fr}.oa-step-card{grid-template-columns:48px 1fr;gap:var(--space-3)}.oa-step-number{width:42px;height:42px;font-size:var(--text-base)}.oa-step-content{padding:var(--space-5) var(--space-4)}.oa-step-content h3{font-size:var(--text-lg)}.oa-help-card{padding:var(--space-8) var(--space-5)}.oa-help-content h2{font-size:var(--text-2xl)}.oa-sticky-cta{display:block}.footer{padding-bottom:80px}}@media(max-width:480px){.oa-hero-content h1{font-size:var(--text-2xl)}.oa-hero-stats{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.oa-overview-grid{grid-template-columns:1fr}.oa-step-card{grid-template-columns:40px 1fr;gap:var(--space-2)}.oa-step-number{width:36px;height:36px;font-size:var(--text-sm)}.oa-substep{flex-direction:column;gap:var(--space-3)}.oa-help-actions{flex-direction:column}.oa-help-actions .btn{width:100%;justify-content:center}}