.guide-page{padding-top:40px}
.guide-header{text-align:center;margin-bottom:48px}
.guide-header h1{margin-bottom:12px}
.guide-header p{max-width:600px;margin:0 auto;color:var(--text-secondary)}
.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}
.guide-step-card{padding:24px;display:flex;flex-direction:column;gap:12px}
.guide-step-card__num{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}
.guide-step-card__title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}
.guide-step-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}
.guide-step-card__placeholder{margin-top:auto;display:flex;justify-content:center;opacity:.5}
.guide-step-card__placeholder svg{max-width:200px}
.guide-actions{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}
.guide-other-platforms{text-align:center;padding:40px 0;border-top:1px solid var(--glass-border)}
.guide-other-platforms h3{margin-bottom:20px;font-size:1.1rem}
.guide-platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:600px;margin:0 auto}
.guide-platform-card{padding:16px;text-align:center;font-size:1rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-normal)}
.guide-platform-card:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}

@media(max-width:768px){
.guide-steps{grid-template-columns:1fr}
.guide-platforms-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.guide-platforms-grid{grid-template-columns:1fr}
}
