.start-page{--sp-ease: cubic-bezier(.25, 1, .5, 1);padding-top:clamp(1.25rem,4vw,2.5rem);padding-bottom:clamp(2.5rem,6vw,4rem);color:var(--text-primary);min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column}@keyframes spFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.sp-hero{padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,1.25rem)}.sp-hero .page-hero-content{animation:spFadeUp .8s var(--motion-ease) both}.sp-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem);padding:0 var(--container-gutter);max-width:var(--layout-max);margin:0 auto;width:100%}@media(min-width:1024px){.sp-grid{grid-template-columns:1fr 340px;align-items:start}}.sp-steps{display:flex;flex-direction:column;gap:1.5rem}.sp-step-card{padding:2rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;animation:spFadeUp .8s var(--motion-ease) both}.sp-steps>*:nth-child(1){animation-delay:.1s}.sp-steps>*:nth-child(2){animation-delay:.2s}.sp-step-head{display:flex;flex-direction:column;gap:.5rem}.sp-step-badge{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--link-color)}.sp-step-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.sp-step-title svg{color:var(--accent-primary);font-size:1.2em}.sp-step-sub{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:50ch}.sp-step-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.sp-step-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-color);font-size:1.5rem;transition:all .4s var(--motion-ease)}.sp-step-icon-wrapper.is-done{background:color-mix(in srgb,var(--success-color) 10%,transparent);border-color:color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color);transform:scale(1.1);box-shadow:0 0 20px color-mix(in srgb,var(--success-color) 20%,transparent)}.sp-step-state{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .75rem;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-muted)}.sp-step-state.is-done{background:color-mix(in srgb,var(--success-color) 10%,transparent);border-color:color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color)}.sp-step-body{grid-column:1 / -1;padding-top:1rem;border-top:1px solid var(--glass-border);margin-top:.5rem}.sp-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.sp-hint{font-size:.9rem;color:var(--text-muted);font-weight:500}.sp-inline-status{display:inline-flex;align-items:center;gap:12px;padding:.75rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--success-color) 6%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--text-primary)}.sp-inline-status strong{color:var(--success-color)}.sp-side{display:flex;flex-direction:column;gap:1.5rem;animation:spFadeUp .8s var(--motion-ease) .3s both}.sp-side-card{padding:1.5rem}.sp-side-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.25rem}.sp-side-links{display:flex;flex-direction:column;gap:.75rem}.sp-side-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;transition:none}.sp-side-link:hover{background:var(--surface-1);border-color:var(--accent-primary);color:var(--accent-primary)}.sp-side-link svg{font-size:.9rem;opacity:.5;transition:none}.start-page:before{content:"";position:fixed;top:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 15%,transparent) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none;animation:spFadeIn 2s ease-out}[data-theme=dark] .start-page:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent-primary) 10%,transparent) 0%,transparent 70%)}@media(max-width:640px){.sp-step-card{grid-template-columns:1fr;padding:1.5rem}.sp-step-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%;order:-1;margin-bottom:.5rem}.sp-step-icon-wrapper{width:36px;height:36px;font-size:1.1rem}.sp-hero .page-hero-title{font-size:2.5rem}}.sp-btn-ms{background:#2f2f2f!important;color:#fff!important;border:none!important}.sp-btn-ms:hover{background:#3f3f3f!important}[data-theme=dark] .sp-btn-ms{background:#fff!important;color:#000!important}[data-theme=dark] .sp-btn-ms:hover{background:#eaeaea!important}.sp-guide{width:min(100%,860px);margin:0 auto 3rem;padding:0 var(--container-gutter);line-height:1.75;overflow-wrap:anywhere}.sp-guide h2{margin:2rem 0 1rem;font-size:clamp(1.35rem,3vw,1.8rem)}.sp-guide h3{margin:1.25rem 0 .5rem;font-size:1.1rem}.sp-guide p{margin:0 0 1rem;color:var(--text-secondary)}.sp-guide ol{padding-left:1.5rem;list-style:decimal}.sp-guide li{padding-left:.5rem;scroll-margin-top:calc(var(--header-height) + 1rem)}.sp-guide a{color:var(--text-primary);text-decoration:underline;text-underline-offset:.2em}