.guide-view{display:grid;gap:18px;max-width:1500px;margin-inline:auto}.guide-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:21px;background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 35%),var(--panel)}.guide-hero span,.guide-section-head span{color:var(--accent);font-size:.66rem;font-weight:900;letter-spacing:.16em}.guide-hero h3{margin:6px 0;font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase}.guide-hero p,.guide-section-head p{max-width:750px;color:var(--muted)}.guide-progress{display:grid;min-width:145px;padding:17px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--background) 72%,transparent);text-align:center}.guide-progress strong{color:var(--accent);font-size:2rem}.guide-progress small{color:var(--muted);text-transform:uppercase}.guide-panel{padding:23px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.guide-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.guide-section-head h3{margin:5px 0;font-size:1.45rem;text-transform:uppercase}.guide-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.guide-step{position:relative;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;min-height:95px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--background);color:var(--text);text-align:left;cursor:pointer;transition:.2s ease}.guide-step:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background));transform:translateY(-3px);box-shadow:0 13px 27px rgba(0,0,0,.16)}.guide-step>span{display:grid;width:43px;height:43px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:1.15rem}.guide-step>div{display:grid;gap:3px}.guide-step small{color:var(--accent);font-size:.55rem;font-weight:900;letter-spacing:.08em}.guide-step strong{font-size:.74rem;text-transform:uppercase}.guide-step p{color:var(--muted);font-size:.65rem;line-height:1.45}.guide-step>b{color:var(--accent)}.guide-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guide-module{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:84px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:.18s ease}.guide-module:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));transform:translateX(3px)}.guide-module>span{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--background);color:var(--accent);font-size:1.2rem}.guide-module div{display:grid;gap:3px}.guide-module strong{font-size:.75rem;text-transform:uppercase}.guide-module small{color:var(--muted);font-size:.63rem}.guide-module>b{color:var(--accent)}.guide-tip{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;padding:16px;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.guide-tip>span{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--accent);color:var(--background);font-weight:900}.guide-tip p{margin-top:3px;color:var(--muted)}@media(max-width:1100px){.guide-flow{grid-template-columns:repeat(2,1fr)}.guide-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.guide-hero,.guide-section-head{align-items:flex-start;flex-direction:column}.guide-progress{width:100%}.guide-flow,.guide-module-grid{grid-template-columns:1fr}}