.guide-page{background:#f5f8fd;color:#09172e}.guide-page .landing-header .nav-links a.active{color:#66c5ff}.guide-hero{position:relative;overflow:hidden;padding:162px 0 104px;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(0,132,255,.24),transparent 29%),radial-gradient(circle at 18% 76%,rgba(28,214,151,.13),transparent 28%),linear-gradient(135deg,#041126,#071b3d)}.guide-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.guide-glow-one{right:-180px;top:-210px;width:520px;height:520px;background:rgba(0,130,255,.12)}.guide-glow-two{left:-160px;bottom:-260px;width:460px;height:460px;background:rgba(55,224,154,.08)}.guide-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:82px}.guide-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#a8d9ff;background:rgba(255,255,255,.06);font-size:.74rem;font-weight:850;letter-spacing:.12em}.guide-kicker i{width:7px;height:7px;border-radius:50%;background:#29d98d;box-shadow:0 0 16px #29d98d}.guide-hero h1{margin-top:25px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.06;letter-spacing:-.065em}.guide-hero h1 em{font-style:normal;color:#38b5ff}.guide-hero-copy>p{margin-top:25px;max-width:650px;color:#c4d4e9;font-size:1.08rem;line-height:1.78}.guide-hero-actions{display:flex;gap:12px;margin-top:32px}.guide-primary{color:#fff;background:linear-gradient(135deg,#0d8ff1,#1ea9ff);box-shadow:0 15px 34px rgba(7,137,238,.28)}.guide-secondary{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.04)}.guide-hero-meta{display:flex;flex-wrap:wrap;gap:19px;margin-top:25px;color:#a8bad2;font-size:.78rem}.guide-preview{padding:23px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 38px 80px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.guide-preview-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}.guide-preview-head span{color:#88a0bd;font-size:.76rem}.guide-preview-head b{font-size:1rem}.guide-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.guide-progress i{height:5px;border-radius:999px;background:rgba(255,255,255,.12)}.guide-progress i.done{background:#27d78c}.guide-progress i.active{background:#159df5}.guide-preview-list{display:grid;gap:10px}.guide-preview-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(4,18,43,.54)}.guide-preview-list article.current{border-color:rgba(33,169,255,.48);background:rgba(17,116,190,.15)}.guide-preview-list article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#8ecfff;background:rgba(17,139,227,.14);font-weight:900}.guide-preview-list b,.guide-preview-list small{display:block}.guide-preview-list small{margin-top:2px;color:#8fa4bf;font-size:.69rem}.guide-preview-list em{font-style:normal;color:#38dc98;font-size:.68rem;font-weight:800}.guide-preview-list .current em{color:#60c6ff}.guide-quick{padding:76px 0 62px;background:#fff}.guide-section-heading h2{margin-top:6px;font-size:clamp(2rem,3.6vw,3.15rem);letter-spacing:-.045em}.guide-section-heading>p:last-child{margin:14px auto 0;max-width:650px;color:#66748a}.guide-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:38px;padding:20px 24px;border:1px solid #e2e9f3;border-radius:18px;background:#f7faff;box-shadow:0 13px 35px rgba(21,49,88,.06)}.guide-flow span{padding:9px 14px;border-radius:999px;color:#0c5597;background:#eaf5ff;font-size:.82rem;font-weight:850;white-space:nowrap}.guide-flow i{color:#a8b7ca;font-style:normal}.guide-steps-section{padding:78px 0 104px}.guide-steps{display:grid;gap:28px}.guide-step{position:relative;display:grid;grid-template-columns:56px 62px minmax(0,1fr) 340px;align-items:center;gap:24px;padding:36px;border:1px solid #e1e8f2;border-radius:25px;background:#fff;box-shadow:0 18px 50px rgba(25,48,82,.07)}.guide-step:nth-child(even){background:linear-gradient(135deg,#fff,#f7fbff)}.guide-step-number{align-self:start;color:#b7c4d4;font-size:.8rem;font-weight:900;letter-spacing:.08em}.guide-step-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#168ee9;background:linear-gradient(145deg,#eaf6ff,#f4faff);font-size:1.65rem;box-shadow:inset 0 0 0 1px #d6eafa}.guide-step-copy>p:first-child{color:#1591ed;font-size:.72rem;font-weight:900;letter-spacing:.12em}.guide-step-copy h2{margin-top:5px;font-size:1.52rem;letter-spacing:-.035em}.guide-step-copy>p:not(:first-child){margin-top:10px;color:#66748a;font-size:.9rem}.guide-step-copy ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;color:#34445b;font-size:.78rem}.guide-step-copy li::before{content:'✓';margin-right:6px;color:#12b978;font-weight:900}.guide-ui-card{min-height:210px;padding:20px;border:1px solid #dfe7f2;border-radius:18px;background:#f3f7fc;box-shadow:0 13px 28px rgba(25,51,88,.08);font-size:.76rem}.guide-ui-card header{display:flex;justify-content:space-between;margin-bottom:15px;color:#10213c;font-weight:900}.guide-ui-card button{width:100%;margin-top:14px;padding:10px;border:0;border-radius:9px;color:#fff;background:#168ee8;font-weight:850}.club-ui strong,.club-ui span{display:block}.club-ui strong{padding:13px;border-radius:10px;background:#fff;font-size:.93rem}.club-ui span{margin-top:8px;color:#63728a}.meeting-ui label{display:flex;justify-content:space-between;margin-top:8px;padding:9px;border-radius:8px;background:#fff;color:#6b788d}.meeting-ui b{color:#152844}.people-ui>span{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin-top:8px;padding:10px;border-radius:9px;background:#fff}.people-ui small{color:#738097}.people-ui i{padding:4px 7px;border-radius:999px;color:#087b53;background:#dff8ed;font-style:normal;font-weight:850}.people-ui i.pause{color:#9b6500;background:#fff1cb}.match-ui span{display:flex;justify-content:space-between;margin-top:8px;padding:9px;border-radius:8px;background:#fff}.match-ui b{color:#0fb573}.court-ui{color:#fff;background:#071b38}.court-ui header{color:#fff}.court-ui>div{display:grid;grid-template-columns:92px 1fr;gap:9px;margin-top:9px;padding:10px;border-radius:10px;background:#102a4d}.court-ui span b,.court-ui span small{display:block}.court-ui small{margin-top:3px;color:#41dc99}.court-ui small.ready{color:#60beff}.court-ui p{font-size:.67rem;line-height:1.55}.push-ui{position:relative;padding-top:38px;background:linear-gradient(160deg,#f7fbff,#eaf3ff)}.push-ui .push-app{position:absolute;left:20px;top:17px;color:#1087df;font-size:.68rem;font-weight:900}.push-ui strong{display:block;margin-top:18px;font-size:1rem}.push-ui p{margin-top:8px;color:#596981;line-height:1.65}.push-ui small{display:block;margin-top:14px;color:#97a4b7}.guide-tip-section{padding:82px 0;color:#fff;background:linear-gradient(130deg,#061328,#09244a)}.guide-tip-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.guide-tip-copy h2{margin-top:10px;font-size:2.15rem;line-height:1.25;letter-spacing:-.045em}.guide-tip-copy>p:last-child{margin-top:17px;color:#b7c8de}.guide-tip-card{display:grid;grid-template-columns:42px 1fr 25px 42px 1fr 25px 42px 1fr;align-items:center;gap:10px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:rgba(255,255,255,.06)}.guide-tip-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:#1596ee;font-weight:900}.guide-tip-card b,.guide-tip-card small{display:block}.guide-tip-card small{margin-top:4px;color:#93a8c2;font-size:.67rem}.guide-tip-card i{color:#6e86a3;font-style:normal}.guide-cta-section{padding:72px 0;background:#f5f8fd}.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 38px;border-radius:23px;color:#fff;background:linear-gradient(125deg,#087fd9,#0d9ef4);box-shadow:0 22px 48px rgba(13,131,218,.2)}.guide-cta p{font-size:.68rem;font-weight:900;letter-spacing:.14em}.guide-cta h2{margin-top:5px;font-size:1.65rem}.guide-cta span{display:block;margin-top:6px;color:#d9efff;font-size:.84rem}.guide-cta>div:last-child{display:flex;gap:10px}.guide-cta .guide-secondary{background:rgba(255,255,255,.08)}.guide-page .site-footer{padding-top:75px}
@media(max-width:1199px){.guide-hero{padding-top:132px}.guide-hero-grid{gap:46px}.guide-step{grid-template-columns:48px 54px minmax(0,1fr) 300px;padding:28px}.guide-flow{overflow-x:auto;justify-content:flex-start}.guide-tip-grid{grid-template-columns:1fr}.guide-tip-card{grid-template-columns:42px 1fr 20px 42px 1fr 20px 42px 1fr}}
@media(max-width:820px){.guide-hero{padding:116px 0 75px}.guide-hero-grid{grid-template-columns:1fr}.guide-preview{max-width:620px}.guide-step{grid-template-columns:46px 54px 1fr}.guide-ui-card{grid-column:2/4}.guide-tip-card{grid-template-columns:38px 1fr}.guide-tip-card i{display:none}.guide-cta{align-items:flex-start;flex-direction:column}.guide-flow{padding:16px}.guide-flow span{font-size:.76rem}.guide-flow i{font-size:.75rem}}
@media(max-width:560px){.guide-hero{padding-top:105px}.guide-hero h1{font-size:2.55rem}.guide-hero-copy>p{font-size:.93rem}.guide-hero-actions{display:grid;grid-template-columns:1fr 1fr}.guide-hero-actions .btn{min-height:46px;padding:0 12px;font-size:.83rem}.guide-hero-meta{gap:10px 15px}.guide-preview{padding:15px;border-radius:19px}.guide-preview-list article{grid-template-columns:36px 1fr auto;padding:11px 10px}.guide-quick{padding:58px 0 46px}.guide-steps-section{padding:55px 0 72px}.guide-step{grid-template-columns:39px 48px 1fr;gap:13px;padding:21px 17px;border-radius:20px}.guide-step-icon{width:46px;height:46px;border-radius:14px;font-size:1.3rem}.guide-step-copy h2{font-size:1.22rem}.guide-step-copy>p:not(:first-child){font-size:.83rem}.guide-step-copy ul{display:grid;gap:5px;font-size:.73rem}.guide-ui-card{grid-column:1/4;min-height:190px;margin-top:5px}.guide-tip-section{padding:62px 0}.guide-tip-copy h2{font-size:1.8rem}.guide-tip-card{padding:18px}.guide-cta-section{padding:48px 0}.guide-cta{padding:26px 22px}.guide-cta h2{font-size:1.35rem}.guide-cta>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.guide-cta .btn{padding:0 12px;font-size:.8rem}}

/* v6.1.22: 홈페이지 공통 메뉴 + 페이지 내부 가이드 목차 */
.guide-local-nav{position:sticky;top:74px;z-index:35;padding:14px 0;border-bottom:1px solid #dfe7f2;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.guide-local-nav-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:760px;margin:0 auto;padding:7px;border:1px solid #dce6f2;border-radius:18px;background:#f4f8fd;box-shadow:0 12px 28px rgba(19,47,83,.07)}
.guide-local-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;color:#44566f;font-size:.88rem;font-weight:850;transition:.18s ease}
.guide-local-nav a:hover,.guide-local-nav a.active{color:#fff;background:linear-gradient(135deg,#087fd9,#16a4f5);box-shadow:0 9px 20px rgba(10,132,220,.18)}
.guide-overview-section{scroll-margin-top:150px;padding:82px 0 76px;background:#fff}
.guide-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.guide-overview-grid article{padding:28px;border:1px solid #dfe7f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 15px 38px rgba(24,52,88,.06)}
.guide-overview-grid span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#158fe8;background:#eaf6ff;font-size:.78rem;font-weight:900}
.guide-overview-grid h3{margin-top:18px;font-size:1.22rem}.guide-overview-grid p{margin-top:9px;color:#68768b;line-height:1.72}
.guide-feature-summary{scroll-margin-top:150px;padding:76px 0 82px;background:#f5f8fd}
.guide-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.guide-feature-grid article{padding:25px;border:1px solid #dfe7f2;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(19,44,78,.06)}
.guide-feature-grid i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#168fe8;background:#edf7ff;font-style:normal;font-size:1.35rem}
.guide-feature-grid h3{margin-top:16px;font-size:1.08rem}.guide-feature-grid p{margin-top:8px;color:#6a788d;font-size:.88rem;line-height:1.68}
#quickStart{scroll-margin-top:150px}
.guide-demo-section{scroll-margin-top:150px;padding:72px 0;background:#fff}
.guide-demo-panel{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:38px;border:1px solid #dbe6f2;border-radius:26px;background:linear-gradient(135deg,#f6fbff,#edf7ff);box-shadow:0 18px 44px rgba(19,61,104,.08)}
.guide-demo-panel h2{margin-top:8px;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em}.guide-demo-panel>div>p:not(.eyebrow){margin-top:13px;max-width:670px;color:#65758b;line-height:1.72}
.guide-demo-points{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:18px;color:#2f4968;font-size:.82rem;font-weight:750}.guide-demo-points span::first-letter{color:#12b978}
.guide-demo-actions{display:flex;flex-shrink:0;gap:10px}.guide-demo-actions .guide-secondary{color:#176da9;border-color:#a8cfee;background:#fff}
@media(max-width:1199px){.guide-local-nav{top:68px}.guide-overview-grid,.guide-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.guide-local-nav{top:64px;padding:10px 0}.guide-local-nav-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.guide-overview-section,.guide-feature-summary{padding:60px 0}.guide-demo-panel{align-items:flex-start;flex-direction:column}.guide-demo-actions{width:100%}}
@media(max-width:560px){.guide-local-nav-inner{padding:5px;border-radius:15px}.guide-local-nav a{min-height:39px;padding:0 8px;font-size:.8rem}.guide-overview-grid,.guide-feature-grid{grid-template-columns:1fr}.guide-overview-grid article,.guide-feature-grid article{padding:21px}.guide-demo-section{padding:50px 0}.guide-demo-panel{padding:25px 21px}.guide-demo-actions{display:grid;grid-template-columns:1fr}.guide-demo-actions .btn{width:100%;font-size:.82rem}}

/* v6.1.23 single CTA */
.guide-demo-actions{justify-content:flex-end}
.guide-demo-actions .guide-primary{min-width:190px}
@media(max-width:820px){.guide-demo-actions{justify-content:stretch}.guide-demo-actions .guide-primary{width:100%}}