.guide-cta{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.guide-cta>p{font-size:13px;color:var(--muted);margin:0;max-width:470px}
.guide-cta-page{max-width:1468px;padding:0 6% 55px;margin:-25px auto 0}
.guide-open{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 22px;border:1px solid #896143;background:#211b16;color:#e8bc98;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.guide-open:hover{background:#36271d;border-color:#d29a6b}
.guide-open:focus-visible,.guide-close:focus-visible{outline:2px solid #e3b185;outline-offset:4px}
.guide-open svg{width:22px;height:22px;flex:none}
.app-guide{width:min(1000px,calc(100vw - 48px));max-width:none;height:min(840px,calc(100dvh - 64px));max-height:none;padding:0;border:1px solid #765138;border-radius:20px;margin:auto;background:#141514;color:#f3efe8;box-shadow:0 30px 100px #0009;overflow:hidden}
.app-guide[open]{display:flex;flex-direction:column;animation:guide-in .22s ease-out}
.app-guide::backdrop{background:#080a0be3;backdrop-filter:blur(6px)}
.guide-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 28px;border-bottom:1px solid #ffffff13;flex:none;background:#1d1b18}
.guide-bar>span{font-size:10px;letter-spacing:2px;color:#c79a76}
.guide-close{width:38px;height:38px;flex:none;display:grid;place-items:center;padding:0;border:1px solid #78583e;border-radius:50%;background:#29211b;color:#f4d6bd;cursor:pointer}
.guide-close svg{width:18px;height:18px}
.guide-body{overflow:auto;overscroll-behavior:contain;padding:36px 36px 30px;scrollbar-color:#765138 #141514;min-height:0}
.guide-intro>p:first-child{color:#d29a6b;font-size:10px;letter-spacing:2px;margin:0 0 18px}
.guide-intro h2{font-size:clamp(29px,4vw,45px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px}
.guide-intro h2 em{font-style:normal;color:#d29a6b}
.guide-intro>p:last-child{font-size:15px;line-height:1.8;color:#c1bdb5;max-width:720px;margin:0}
.guide-group{margin-top:34px}
.guide-group>h3{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#d1a27d;margin:0 0 15px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-card{padding:23px;background:#1e1e1a;border:1px solid #ffffff13;border-radius:12px;min-width:0}
.guide-number{display:block;color:#ad805a;font-size:11px;letter-spacing:2px;margin-bottom:14px}
.guide-card h4{font-size:19px;line-height:1.35;margin:0 0 12px;letter-spacing:-.3px}
.guide-card p{font-size:13px;line-height:1.85;color:#c1bdb5;margin:0}
.guide-card strong{font-weight:600;color:#e0bea0}
.guide-login{margin-top:26px;padding:23px;border-left:2px solid #c48d60;background:#282019;border-radius:0 12px 12px 0}
.guide-login h3{font-size:18px;margin:0 0 9px;color:#eac3a1}.guide-login p{font-size:13px;line-height:1.85;color:#d3c6bb;margin:0}
@keyframes guide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.app-guide{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:15px}.guide-bar{padding:12px 16px}.guide-bar>span{font-size:9px;letter-spacing:1px}.guide-body{padding:25px 16px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:20px}.guide-cta{gap:12px}.guide-open{width:100%;padding:17px 20px}.guide-cta-page{margin:-12px auto 0;padding-bottom:35px}.guide-intro h2{font-size:32px}.guide-intro>p:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.app-guide[open]{animation:none}.guide-open{transition:none}}