@font-face{font-family:PretendardFallback;src:local("Apple SD Gothic Neo");font-display:swap}
:root{--bg:#05090b;--panel:#091012;--panel-2:#0b1517;--line:#1d292c;--line-strong:#1f5d55;--text:#f3f7f6;--muted:#9aa7a6;--accent:#39dfb8;--accent-2:#61dcf4;--deep:#041310;--max:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);background:var(--bg);font-family:PretendardFallback,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.75;word-break:keep-all}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;padding:10px 14px;color:var(--deep);background:var(--accent);z-index:100}
.skip-link:focus{left:8px}
.site-header{border-bottom:1px solid var(--line);background:rgba(5,9,11,.95)}
.header-top{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{width:48px;height:48px;display:block;filter:drop-shadow(0 0 11px rgba(57,223,184,.35))}
.brand-copy{display:grid;line-height:1.25}
.brand-copy strong{font-size:1.12rem;font-weight:700;letter-spacing:-.04em}
.brand-copy small{margin-top:4px;color:#778685;font-size:.69rem;letter-spacing:.12em}
.support-link{color:#91a09f;font-size:.9rem}
.support-link:hover{color:var(--accent-2)}
.nav-wrap{border-top:1px solid #121a1c;border-bottom:1px solid var(--line);background:#060b0d}
.main-nav{min-height:52px;display:flex;align-items:center;justify-content:center;gap:42px}
.main-nav a{color:#aeb9b8;font-weight:700;font-size:.94rem}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--accent)}
.hero{padding:54px 0 22px;background:radial-gradient(circle at 80% 8%,rgba(53,219,184,.1),transparent 28%)}
.hero-panel{padding:42px;border:1px solid var(--line-strong);border-radius:21px;background:radial-gradient(circle at 90% 12%,rgba(97,220,244,.07),transparent 28%),var(--panel);box-shadow:0 0 32px rgba(41,203,169,.12),inset 0 0 30px rgba(66,226,193,.025)}
.live-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border:1px solid #194c46;border-radius:999px;color:var(--accent);background:#0a1d1a;font-size:.78rem;font-weight:700}
.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
h1,h2,h3{margin-top:0;line-height:1.35;letter-spacing:-.045em}
.hero-display{max-width:820px;margin:24px 0 15px;font-size:clamp(2rem,5vw,3.35rem);font-weight:800;line-height:1.27;letter-spacing:-.055em}
.accent{color:var(--accent)}
.accent-blue{color:var(--accent-2)}
.hero p{max-width:850px;margin:0 0 28px;color:var(--muted)}
.primary-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:13px 22px;border-radius:12px;color:#031411;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-weight:800;box-shadow:0 10px 28px rgba(53,219,184,.16);transition:transform .2s ease,filter .2s ease}
.primary-link:hover{transform:translateY(-2px);filter:brightness(1.06)}
.quick-section{padding:0 0 50px}
.quick-panel{padding:32px;border:1px dashed #247f73;border-radius:20px;background:#070d0f}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.section-heading span,.eyebrow{color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.13em}
.section-heading h2{margin:5px 0 0;font-size:clamp(1.5rem,3vw,2.05rem)}
.updated{color:#7f8d8c;font-size:.84rem}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.partner-card{min-height:135px;display:flex;flex-direction:column;justify-content:space-between;padding:19px;border:1px solid var(--line);border-radius:13px;background:var(--panel);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.partner-card:hover{transform:translateY(-3px);border-color:var(--accent);background:#0b1a19}
.partner-card span{display:flex;justify-content:space-between;gap:12px;color:#788685;font-size:.77rem}
.partner-card strong{font-size:1.06rem}
.landing-section{padding:78px 0;background:linear-gradient(180deg,#05090b 0%,#060b0d 28%,#05090b 100%)}
.landing-copy{max-width:900px}
.landing-copy>.eyebrow{display:block;margin-bottom:14px}
.landing-copy h1{max-width:840px;margin-bottom:24px;font-size:clamp(2rem,5vw,3.1rem)}
.landing-copy .lead{font-size:1.08rem;color:#c2cdcb}
.landing-copy p{margin:0 0 19px;color:#a7b2b1}
.landing-copy h2{margin:58px 0 16px;padding-top:27px;border-top:1px solid var(--line);font-size:clamp(1.45rem,3vw,1.9rem)}
.landing-copy h3{margin:31px 0 10px;font-size:1.16rem;color:#e1ebe9}
.landing-copy strong{color:#eef9f7}
.seo-figure{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;margin:42px 0 50px;padding:25px;border:1px solid #1c4f49;border-radius:16px;background:linear-gradient(135deg,#071513,#081113)}
.seo-figure div{display:grid;gap:4px}
.seo-figure span{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em}
.seo-figure strong{font-size:.96rem}
.seo-figure small{color:#7f8e8c;line-height:1.5}
.seo-figure i{color:#377e74;font-style:normal}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:34px 0 10px}
.info-card{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.info-card span{display:block;margin-bottom:34px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em}
.info-card h3{margin:0 0 9px;font-size:1.08rem}
.info-card p{margin:0;color:#8f9d9b;font-size:.88rem;line-height:1.7}
.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:28px 0 12px}
.monitor-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;border:1px solid #1d4c46;border-radius:14px;background:#081513}
.monitor-card h3{margin:0 0 7px;font-size:1.05rem}
.monitor-card p{margin:0;color:#8e9d9b;font-size:.9rem}
.status-dot{width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(57,223,184,.8)}
.shield{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--accent-2);border:1px solid #247a76;transform:rotate(45deg)}
.shield+div{transform:none}
.notice{margin-top:30px;padding:19px;border:1px solid #1f554e;border-radius:12px;color:#a9b9b7;background:#091a18;font-size:.9rem}
.home-faq,.page-section{padding:72px 0;border-top:1px solid var(--line);background:#060b0d}
.faq-shell{max-width:900px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border:0;color:#e9efee;background:transparent;text-align:left;font-weight:700;cursor:pointer}
.faq-question span:last-child{color:var(--accent);font-size:1.25rem;transition:transform .2s ease}
.faq-answer{display:none;padding:0 40px 20px 0;color:#99a6a5}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.text-link{color:var(--accent);font-weight:700}
.page-hero{padding:56px 0 36px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,rgba(57,223,184,.08),transparent 28%)}
.page-hero h1{max-width:760px;margin:14px 0;font-size:clamp(2rem,5vw,3.1rem)}
.page-hero p{max-width:760px;color:var(--muted)}
.breadcrumb{color:#758482;font-size:.82rem}
.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.link-item{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.link-item-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.link-item h2{margin:0;font-size:1.14rem}
.link-item p{color:#8d9b99;font-size:.9rem}
.link-item a{display:inline-flex;color:var(--accent);font-weight:800}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.guide-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.guide-card span{color:var(--accent);font-weight:800}
.guide-card h2{margin:12px 0 10px;font-size:1.2rem}
.guide-card p{margin:0;color:#94a29f}
footer{padding:45px 0 22px;border-top:1px solid var(--line);background:#05090b}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1fr;gap:42px;color:#7e8c8a}
.footer-grid strong{display:block;margin-bottom:10px;color:#e2ecea}
.footer-grid a{display:block;margin:6px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:#657270;font-size:.8rem}
@media(max-width:820px){.partner-grid,.info-grid{grid-template-columns:1fr}.info-card{min-height:0}.info-card span{margin-bottom:20px}.footer-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:680px){.shell{width:min(calc(100% - 28px),var(--max))}.header-top{min-height:68px}.brand-mark{width:42px;height:42px}.brand-copy small{display:none}.main-nav{justify-content:flex-start;gap:24px;overflow-x:auto}.hero{padding-top:28px}.hero-panel,.quick-panel{padding:23px;border-radius:16px}.hero-display{font-size:2.15rem}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.landing-section,.page-section,.home-faq{padding:50px 0}.landing-copy h2{margin-top:46px}.seo-figure{grid-template-columns:1fr;gap:12px;padding:20px}.seo-figure i{transform:rotate(90deg);justify-self:start}.monitor-grid,.link-list,.guide-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.support-link{display:none}.hero-panel{padding:20px}.hero-display{font-size:1.9rem}.footer-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}