.guide-hero{padding:140px 24px var(--space-6);background:radial-gradient(ellipse 70% 55% at 50% -10%,color-mix(in srgb,var(--blue) 15%,transparent) 0%,transparent 65%),var(--surface-1);text-align:center}.guide-hero h1{margin:12px auto 16px;max-width:20ch;font-size:clamp(30px,4.5vw,48px)}.guide-hero p{font-size:1.12rem;max-width:620px;margin:0 auto;color:var(--text-secondary)}.guide-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:var(--space-5)}.guide-meta span{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:5px 12px}.guide-player-section{padding:var(--space-6) 0 var(--space-8)}.guide-player{position:relative;max-width:960px;margin:0 auto;aspect-ratio:1624 / 1080;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow-lg);overflow:hidden}.guide-player video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--surface-0)}.guide-play{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;cursor:pointer;color:#fff;background:color-mix(in srgb,var(--surface-0) 45%,transparent);transition:background var(--dur-fast) var(--ease-out)}.guide-play:hover{background:color-mix(in srgb,var(--surface-0) 30%,transparent)}.guide-play:focus-visible{outline:3px solid var(--blue);outline-offset:-6px}.guide-play-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding-left:6px;border-radius:50%;background:var(--blue);box-shadow:var(--glow-blue);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.guide-play:hover .guide-play-icon{background:var(--blue-hover);transform:scale(1.06)}.guide-play-label{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-0) 70%,transparent)}.guide-player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:color-mix(in srgb,var(--surface-0) 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text);font-size:14px;text-align:center;padding:24px;pointer-events:none}.guide-player-overlay.is-error{pointer-events:auto;background:color-mix(in srgb,var(--surface-0) 88%,transparent)}.guide-spinner{width:44px;height:44px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--blue);animation:guide-spin .8s linear infinite}@keyframes guide-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.guide-spinner{animation-duration:2.4s}}.guide-steps{list-style:none;padding:0;margin:var(--space-7) auto 0;max-width:960px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4);counter-reset:guide-step}.guide-steps li{counter-increment:guide-step;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.guide-steps li:before{content:counter(guide-step,decimal-leading-zero);display:block;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--gold)}.guide-steps h3{margin:0 0 6px;font-size:1.05rem}.guide-steps p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.6}.guide-cta{max-width:960px;margin:var(--space-7) auto 0;padding:var(--space-7);text-align:center;background:var(--surface-2);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.guide-cta h2{margin:0 0 8px;font-size:clamp(1.4rem,2.6vw,1.8rem)}.guide-cta p{margin:0 auto var(--space-5);max-width:480px;color:var(--text-muted)}