
body.yasnamcp-guide-page{margin:0!important;background:#050914!important;color:var(--ymcp-text);font-family:IRANSansWeb,IRANSans,"Segoe UI",Tahoma,Arial,sans-serif}
.ymcp-guide-main{padding-top:82px}
.ymcp-guide-hero{padding:72px 0 34px}
.ymcp-guide-back{display:inline-flex;margin-bottom:22px;color:var(--ymcp-cyan)!important;font-size:12px;font-weight:800}
.ymcp-guide-hero-card{position:relative;overflow:hidden;padding:52px 56px;border:1px solid var(--ymcp-line-strong);border-radius:30px;background:linear-gradient(145deg,rgba(15,30,53,.94),rgba(7,15,29,.95));box-shadow:var(--ymcp-shadow),inset 0 1px 0 rgba(255,255,255,.06)}
.ymcp-guide-hero-card:after{content:"";position:absolute;width:330px;height:330px;inset-inline-end:-120px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(88,228,255,.16),rgba(158,107,255,.06) 48%,transparent 70%);pointer-events:none}
.ymcp-guide-hero-card h1{position:relative;z-index:1;max-width:900px;margin:14px 0 18px;color:#fff;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1.35;letter-spacing:-1.4px}
.ymcp-guide-hero-card>p{position:relative;z-index:1;max-width:800px;margin:0;color:var(--ymcp-muted);font-size:16px;line-height:2}
.ymcp-guide-meta{position:relative;z-index:1;margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;color:#7f8da5;font-size:10px}
.ymcp-guide-meta span{padding:7px 10px;border:1px solid var(--ymcp-line);border-radius:999px;background:rgba(255,255,255,.025)}

.ymcp-guide-content-section{padding:20px 0 90px}
.ymcp-guide{width:min(calc(100% - 40px),1100px);margin-inline:auto;color:var(--ymcp-text)}
.ymcp-guide>.ymcp-guide-intro{display:none}
.ymcp-guide-section{margin-top:58px}
.ymcp-guide-section:first-of-type{margin-top:12px}
.ymcp-guide-section>h2{margin:0 0 14px;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.4;letter-spacing:-.6px}
.ymcp-guide-section>.ymcp-guide-lead{max-width:850px;margin:0 0 30px;color:var(--ymcp-muted);font-size:15px;line-height:2}
.ymcp-guide-step{margin:22px 0;padding:30px;border:1px solid var(--ymcp-line);border-radius:24px;background:linear-gradient(145deg,rgba(14,28,49,.88),rgba(7,15,28,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.18)}
.ymcp-guide-step-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ymcp-guide-num{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#04111b;background:linear-gradient(120deg,var(--ymcp-cyan),#8af3d0);font-weight:900;box-shadow:0 12px 30px rgba(88,228,255,.16)}
.ymcp-guide-step h3{margin:0;color:#fff;font-size:21px;font-weight:850}
.ymcp-guide-step p{margin:0 0 18px;color:var(--ymcp-muted);line-height:2}
.ymcp-guide-shot{display:block;width:100%;height:auto;border:1px solid var(--ymcp-line-strong);border-radius:18px;background:#050c17;box-shadow:0 20px 55px rgba(0,0,0,.32)}
.ymcp-guide-note{margin:28px 0;padding:20px 22px;border:1px solid rgba(82,232,166,.23);border-radius:16px;color:#c8f7df;background:rgba(82,232,166,.055);line-height:2}
.ymcp-guide-note strong{color:var(--ymcp-green)}
.ymcp-guide-flow{margin:22px 0;padding:16px 18px;border:1px solid rgba(88,228,255,.18);border-radius:14px;color:#bff4ff;background:#050c17;font:700 12px/2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;text-align:center;overflow-wrap:anywhere}
.ymcp-guide ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.ymcp-guide li{position:relative;padding:14px 42px 14px 16px;border:1px solid rgba(158,185,225,.11);border-radius:13px;color:#aebbd0;background:rgba(255,255,255,.022);line-height:1.8}
.ymcp-guide li:before{content:"✓";position:absolute;right:15px;top:13px;color:var(--ymcp-green);font-weight:900}
.ymcp-guide-bottom-cta{padding-bottom:90px}

@media(max-width:900px){
 .ymcp-guide-main{padding-top:72px}
 .ymcp-guide-hero{padding-top:44px}
 .ymcp-guide-hero-card{padding:38px}
}
@media(max-width:640px){
 .ymcp-guide{width:min(calc(100% - 28px),1100px)}
 .ymcp-guide-hero .ymcp-container{width:min(calc(100% - 28px),var(--ymcp-container))}
 .ymcp-guide-hero-card{padding:28px 22px;border-radius:22px}
 .ymcp-guide-hero-card h1{font-size:34px;letter-spacing:-.6px}
 .ymcp-guide-step{padding:20px;border-radius:20px}
 .ymcp-guide-step-head{align-items:flex-start}
}
