.guide-tabs{display:flex;gap:8px;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.guide-tabs button{flex:1;padding:13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
.guide-tabs button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.guide-deck{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel));box-shadow:0 25px 60px rgba(0,0,0,.16)}
.guide-deck-progress{height:4px;background:var(--surface)}
.guide-deck-progress span{display:block;height:100%;background:var(--accent);transition:width .35s ease}
.guide-slide{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);align-items:center;gap:34px;min-height:480px;padding:36px;animation:guideSlideIn .42s cubic-bezier(.2,.8,.2,1)}
.guide-slide>article>span,.guide-about header span{color:var(--accent);font-size:.65rem;font-weight:950;letter-spacing:.16em}
.guide-slide h3,.guide-about header h3{max-width:700px;margin:8px 0 12px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;text-transform:uppercase}
.guide-slide>article>p{color:var(--muted);font-size:.88rem;line-height:1.75}
.guide-slide ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}
.guide-slide li{position:relative;padding-left:27px;color:var(--text);font-size:.76rem;line-height:1.55}
.guide-slide li::before{content:"✓";position:absolute;left:0;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent);font-size:.65rem;font-weight:950}
.guide-deck-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--background) 45%,transparent)}
.guide-deck-nav>div{display:flex;gap:7px}
.guide-deck-nav>div button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer;transition:.2s}
.guide-deck-nav>div button.active{width:28px;border-radius:8px;background:var(--accent)}
.guide-deck-nav button:disabled{opacity:.35;pointer-events:none}
.guide-preview{overflow:hidden;min-height:340px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:18px;background:var(--background);box-shadow:0 30px 70px rgba(0,0,0,.3);transform:perspective(900px) rotateY(-3deg) rotateX(1deg);animation:guidePreviewFloat 5s ease-in-out infinite}
.guide-preview-bar{display:flex;align-items:center;gap:6px;height:37px;padding:0 13px;border-bottom:1px solid var(--border);background:var(--surface)}
.guide-preview-bar i{width:7px;height:7px;border-radius:50%;background:var(--border)}
.guide-preview-bar i:first-child{background:var(--accent)}
.guide-preview-bar span{margin-left:auto;color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.12em}
.guide-preview-body{display:grid;align-content:center;gap:18px;min-height:303px;padding:24px;background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 42%)}
.guide-mock-profile{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.guide-mock-profile>i{display:grid;width:58px;height:58px;place-items:center;border:2px solid var(--accent);border-radius:18px;color:var(--accent);font-size:1.2rem;font-style:normal;font-weight:950}
.guide-mock-profile div{display:grid;gap:4px}.guide-mock-profile small,.guide-mock-profile span,.guide-mock-location small,.guide-mock-total small{color:var(--muted);font-size:.56rem}
.guide-mock-profile strong{font-size:1.1rem}
.guide-mock-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-mock-fields i{height:42px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.guide-mock-fields i:last-child{grid-column:1/-1}
.guide-mock-tabs{display:flex;gap:8px}.guide-mock-tabs>*{flex:1;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.62rem;text-align:center}.guide-mock-tabs b{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent)}
.guide-mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-mock-cards i{display:grid;min-height:145px;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:2.5rem;font-style:normal}.guide-mock-cards i:nth-child(2){transform:translateY(-8px);border-color:var(--accent)}
.guide-mock-flow{display:flex;align-items:center;justify-content:center;gap:9px}.guide-mock-flow b,.guide-mock-flow strong{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:.58rem}.guide-mock-flow strong{border-color:var(--accent);color:var(--accent)}
.guide-mock-search{padding:12px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:.65rem}
.guide-mock-items{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.guide-mock-items i{position:relative;display:grid;min-height:90px;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--panel);font-size:1.8rem;font-style:normal}.guide-mock-items b{position:absolute;right:6px;bottom:5px;color:var(--accent);font-size:.6rem}
.guide-mock-capacity{display:flex;align-items:center;gap:10px}.guide-mock-capacity span{height:8px;flex:1;border-radius:9px;background:linear-gradient(90deg,var(--accent) 45%,var(--surface) 45%)}.guide-mock-capacity b{font-size:.6rem}
.guide-mock-map{position:relative;min-height:210px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(25deg,transparent 47%,color-mix(in srgb,var(--accent) 25%,transparent) 48% 51%,transparent 52%),linear-gradient(110deg,var(--surface),var(--panel))}
.guide-mock-map span{position:absolute;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent);color:var(--background);font-weight:950;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 14%,transparent)}
.guide-mock-map span:first-child{left:20%;top:25%}.guide-mock-map span:nth-child(2){left:55%;top:55%}.guide-mock-map span:nth-child(3){right:13%;top:20%}
.guide-mock-location{display:grid;gap:4px}
.guide-mock-chart{display:flex;align-items:end;gap:13px;height:190px;padding:20px;border-bottom:1px solid var(--border)}.guide-mock-chart i{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 30%,transparent));animation:guideBars 1.5s ease-in-out infinite alternate}.guide-mock-chart i:nth-child(1){height:35%}.guide-mock-chart i:nth-child(2){height:65%;animation-delay:.2s}.guide-mock-chart i:nth-child(3){height:48%;animation-delay:.4s}.guide-mock-chart i:nth-child(4){height:88%;animation-delay:.6s}
.guide-mock-total{display:flex;align-items:center;justify-content:space-between}.guide-mock-total b{color:var(--accent);font-size:1.4rem}
.guide-mock-ticket{max-width:73%;padding:15px;border:1px solid var(--border);border-radius:14px 14px 14px 3px;background:var(--panel)}.guide-mock-ticket.staff{justify-self:end;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px 14px 3px 14px}.guide-mock-ticket span{color:var(--accent);font-size:.54rem;font-weight:950}.guide-mock-ticket p{margin-top:6px;font-size:.7rem}
.guide-mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-mock-stats i{display:grid;gap:8px;padding:20px;border:1px solid var(--border);border-radius:12px;color:var(--accent);font-size:1.4rem;font-style:normal;font-weight:950;text-align:center}.guide-mock-stats small{color:var(--muted);font-size:.5rem}.guide-mock-line{height:100px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(155deg,transparent 45%,var(--accent) 46% 49%,transparent 50%),var(--panel)}
.guide-about{display:grid;gap:18px}.guide-about>header{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:25px;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.guide-about header p{max-width:850px;color:var(--muted);line-height:1.7}.guide-about header img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(var(--accent-rgb),.2))}
.guide-about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-about-grid article{position:relative;overflow:hidden;min-height:170px;padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--panel)}.guide-about-grid article>span{position:absolute;right:16px;top:8px;color:color-mix(in srgb,var(--accent) 22%,transparent);font-size:3rem;font-weight:950}.guide-about-grid strong{display:block;margin-bottom:10px;color:var(--accent);font-size:.78rem}.guide-about-grid p{max-width:85%;color:var(--muted);font-size:.75rem;line-height:1.7}
.guide-manifesto{padding:27px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:17px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel))}.guide-manifesto>span{color:var(--accent);font-size:.6rem;font-weight:950;letter-spacing:.15em}.guide-manifesto h3{max-width:900px;margin:7px 0;font-size:1.45rem;text-transform:uppercase}.guide-manifesto p{max-width:1000px;color:var(--muted);line-height:1.7}
@keyframes guideSlideIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}@keyframes guidePreviewFloat{50%{transform:perspective(900px) rotateY(-1deg) rotateX(0) translateY(-6px)}}@keyframes guideBars{to{filter:brightness(1.35);transform:scaleY(.92);transform-origin:bottom}}
@media(max-width:1000px){.guide-slide{grid-template-columns:1fr;padding:26px}.guide-preview{transform:none}.guide-about-grid{grid-template-columns:1fr}}@media(max-width:650px){.guide-tabs,.guide-deck-nav{flex-wrap:wrap}.guide-tabs button{flex-basis:100%}.guide-slide{min-height:0;padding:20px}.guide-preview{min-height:280px}.guide-preview-body{min-height:243px;padding:15px}.guide-deck-nav>div{order:3;justify-content:center;width:100%}.guide-about>header{grid-template-columns:1fr}.guide-mock-items{grid-template-columns:repeat(2,1fr)}}