:root{color-scheme:dark;--bg:#080b10;--surface:#0e131b;--line:#202a38;--soft:rgba(148,163,184,.12);--text:#f4f7fb;--muted:#8995a7;--green:#67e8a5;--cyan:#54d7e8;--violet:#a78bfa;--orange:#fbad55;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;margin:0;overflow-x:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:48px 48px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.7}code,kbd{font-family:"SFMono-Regular",Consolas,monospace}code{color:#9df2c5}kbd{padding:3px 7px;color:#dce4ef;background:#080b10;border:1px solid #354154;border-bottom-width:2px;border-radius:5px;font-size:.78em}
.ambient{position:fixed;z-index:-1;width:560px;height:560px;border-radius:50%;filter:blur(120px);opacity:.09;pointer-events:none}.ambient-a{top:-260px;left:-180px;background:#32e68a}.ambient-b{top:200px;right:-300px;background:#486cf5}
.site-header{position:sticky;z-index:20;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(148,163,184,.1);background:rgba(8,11,16,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:grid;gap:1px}.brand strong{letter-spacing:.16em;font-size:.94rem}.brand small{color:#637083;letter-spacing:.19em;font-size:.55rem}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:2px;width:31px;height:31px;padding:4px;transform:rotate(-4deg);background:#1cc779;box-shadow:0 0 28px rgba(28,199,121,.28)}.brand-mark i{align-self:end;height:11px;background:#07120d}.brand-mark i:nth-child(2){height:19px}.site-header nav{display:flex;align-items:center;gap:28px;color:#a2adbc;font-size:.84rem;font-weight:650}.site-header nav a:hover{color:var(--text)}.nav-cta{padding:10px 15px;color:#b9f5d4!important;border:1px solid rgba(103,232,165,.28);border-radius:8px;background:rgba(34,199,120,.08)}
main,footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:center;gap:clamp(48px,8vw,104px);padding:88px 0 80px}.status-line{display:flex;align-items:center;gap:9px;color:#8e9aac;font:700 .7rem/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:.1em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(103,232,165,.08),0 0 15px var(--green)}.divider{width:1px;height:13px;margin-left:6px;background:#374151}.kicker{margin:0 0 14px;color:var(--green);font:800 .71rem/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:.18em}.hero .kicker{margin-top:48px}h1{max-width:750px;margin:0;font-size:clamp(3rem,6vw,5.35rem);line-height:1.01;letter-spacing:-.065em}h1 em{color:transparent;font-style:normal;background:linear-gradient(100deg,#79efb3,#55cddd 70%);background-clip:text;-webkit-background-clip:text}.hero-description{max-width:640px;margin:27px 0 32px;font-size:1rem}
.address-card{max-width:590px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px 15px 19px;border:1px solid #293445;border-radius:12px;background:rgba(14,19,27,.86);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.16)}.address-card div{display:grid;gap:5px}.address-card div span{color:#657185;font:700 .61rem "SFMono-Regular",Consolas,monospace;letter-spacing:.14em}.address-card code{color:#eef4fa;font-size:1.03rem;font-weight:700}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;color:#d7e2ec;border:1px solid #354154;border-radius:8px;background:#171f2a;cursor:pointer;font-size:.8rem;font-weight:750}.copy-button:hover{color:#fff;border-color:#4c5b70;background:#1c2633;transform:translateY(-1px)}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.feature-row span{padding:7px 10px;color:#7d899a;border:1px solid var(--soft);border-radius:99px;font-size:.68rem}
.join-card{position:relative;padding:30px;border:1px solid #273345;border-radius:16px;background:linear-gradient(145deg,rgba(20,27,38,.96),rgba(12,17,24,.96));box-shadow:0 35px 80px rgba(0,0,0,.35)}.join-card:before{position:absolute;inset:-1px -1px auto;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.65}.card-heading{display:flex;align-items:center;gap:14px}.step-number{display:grid;place-items:center;width:42px;height:42px;color:var(--green);border:1px solid rgba(103,232,165,.2);border-radius:10px;background:rgba(103,232,165,.07);font:750 .77rem "SFMono-Regular",Consolas,monospace}.card-heading p{margin:0 0 4px;color:#637083;font:700 .61rem "SFMono-Regular",Consolas,monospace;letter-spacing:.15em}.card-heading h2{margin:0;font-size:1.25rem}.join-card>p{margin:19px 0 22px;font-size:.84rem}form{display:grid;gap:9px}label{margin-top:6px;color:#aeb8c7;font-size:.74rem;font-weight:700}input{width:100%;padding:13px 14px;color:var(--text);border:1px solid #2b3747;border-radius:8px;outline:none;background:#090d13}input::placeholder{color:#465162}input:focus{border-color:#41d18d;box-shadow:0 0 0 3px rgba(65,209,141,.1)}.primary-button{display:flex;justify-content:space-between;margin-top:10px;padding:14px 16px;color:#06140d;border:0;border-radius:8px;background:linear-gradient(100deg,#5be59e,#70ddbd);cursor:pointer;font-weight:850}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.message{min-height:1.45em;margin:12px 0 0!important;font-size:.78rem!important}.message.success{color:#72ecad}.message.error{color:#ff8f8f}.privacy-note{margin:12px 0 0!important;color:#566274!important;font-size:.68rem!important}
.section{padding:90px 0;border-top:1px solid var(--soft)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);align-items:end;gap:40px;margin-bottom:39px}.section-heading h2,.final-cta h2{margin:0;font-size:clamp(2rem,4vw,3.05rem);letter-spacing:-.045em}.section-heading>p{margin:0;font-size:.9rem}.section-heading strong{color:#c8f8df}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.steps li{min-height:210px;padding:26px;background:var(--surface)}.steps li>span{color:#4b586b;font:700 .67rem "SFMono-Regular",Consolas,monospace}.steps h3{margin:43px 0 9px;font-size:1rem}.steps p{margin:0;font-size:.78rem}.steps code{font-size:.76rem}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{--accent:var(--green);position:relative;min-height:285px;padding:25px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(20,27,37,.85),rgba(12,17,24,.92));transition:.2s ease}.system-card:after{position:absolute;right:-50px;bottom:-70px;width:160px;height:160px;border-radius:50%;content:"";background:var(--accent);filter:blur(65px);opacity:.08}.system-card:hover{border-color:color-mix(in srgb,var(--accent) 32%,#273345);transform:translateY(-3px)}.accent-violet{--accent:var(--violet)}.accent-pink{--accent:#f38db8}.accent-orange{--accent:var(--orange)}.accent-blue{--accent:#709cff}.accent-cyan{--accent:var(--cyan)}.accent-gold{--accent:#e7c56a}.system-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:28px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:1.2rem}.system-card>p:first-of-type{margin:0 0 6px;color:var(--accent);font:800 .62rem "SFMono-Regular",Consolas,monospace;letter-spacing:.14em}.system-card h3{margin:0;font-size:1.18rem}.system-card>p:not(:first-of-type){min-height:63px;margin:12px 0 22px;font-size:.77rem}.system-card>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--soft)}.system-card>div code{font-size:.73rem}.system-card>div span{color:#687588;font-size:.68rem}
.npc-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.npc-list>div{display:grid;grid-template-columns:46px minmax(150px,1fr) 1fr auto;align-items:center;gap:16px;min-height:72px;padding:11px 20px;border-bottom:1px solid var(--soft);background:rgba(14,19,27,.72)}.npc-list>div:last-child{border-bottom:0}.npc-list>div:hover{background:#121923}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#263549;color:#cde0f4;font-weight:850}.avatar.farmer{background:#31402d;color:#bcdfa8}.avatar.cleric{background:#392e4a;color:#d0b5ed}.avatar.leather{background:#453125;color:#e3b99e}.avatar.stable{background:#433d29;color:#e3d293}.avatar.game{background:#402b32;color:#eda8bd}.npc-list strong{font-size:.86rem}.npc-list small{color:#768397}.npc-list b{color:#667386;font:750 .62rem "SFMono-Regular",Consolas,monospace;letter-spacing:.11em}.avatar.quest{background:#2d3a4a;color:#c9def5}.avatar.workshop{background:#3d3520;color:#ecd39a}.quest-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.quest-steps li{min-height:180px;padding:22px;background:var(--surface)}.quest-steps li>span{color:#4b586b;font:700 .67rem "SFMono-Regular",Consolas,monospace}.quest-steps h3{margin:28px 0 8px;font-size:.98rem}.quest-steps p{margin:0;font-size:.76rem}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}details{align-self:start;border:1px solid var(--line);border-radius:12px;background:var(--surface)}summary{display:flex;align-items:center;gap:14px;padding:20px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#192330}summary div{display:grid;gap:3px}summary strong{font-size:.88rem}summary small{color:#6f7c8e;font-size:.68rem}summary:after{margin-left:auto;color:#627085;content:"+"}details[open] summary:after{content:"−"}.detail-body{padding:0 20px 20px;border-top:1px solid var(--soft)}.detail-body p,.detail-body li{color:#8d99aa;line-height:1.7;font-size:.76rem}.detail-body ol{margin:16px 0 0;padding-left:20px}.detail-body p{margin-bottom:0}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:20px 0 90px;padding:43px 45px;border:1px solid rgba(103,232,165,.17);border-radius:16px;background:linear-gradient(115deg,rgba(33,74,58,.35),rgba(14,19,27,.9) 58%)}.final-cta p{margin-bottom:0;font-size:.83rem}.copy-button.large{min-width:290px;padding:15px 18px;color:#eefaf4;border-color:rgba(103,232,165,.25);background:rgba(103,232,165,.09);font-family:"SFMono-Regular",Consolas,monospace}.copy-button.large span{color:#84a594;font-size:.66rem}footer{display:flex;justify-content:space-between;padding:24px 0 40px;color:#4f5b6c;border-top:1px solid var(--soft);font:650 .63rem "SFMono-Regular",Consolas,monospace;letter-spacing:.1em}.toast{position:fixed;z-index:30;right:22px;bottom:22px;padding:12px 16px;color:#dff8ea;border:1px solid rgba(103,232,165,.25);border-radius:9px;background:#13251d;box-shadow:0 15px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;font-size:.78rem}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.join-card{max-width:600px}.section-heading{grid-template-columns:1fr;gap:15px}.steps,.quest-steps{grid-template-columns:repeat(2,1fr)}.system-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid details:last-child{grid-column:1/-1}}
@media(max-width:600px){main,footer{width:min(100% - 24px,1180px)}.site-header{height:64px;padding-inline:14px}.nav-cta{padding:9px 11px;font-size:.74rem}.hero{gap:40px;padding:52px 0 65px}.hero .kicker{margin-top:34px}h1{font-size:2.75rem}.address-card{align-items:stretch;flex-direction:column}.join-card{padding:23px}.section{padding:68px 0}.steps,.system-grid,.detail-grid,.quest-steps{grid-template-columns:1fr}.detail-grid details:last-child{grid-column:auto}.steps li{min-height:175px}.steps h3{margin-top:28px}.npc-list>div{grid-template-columns:42px 1fr auto}.npc-list small{display:none}.final-cta{align-items:stretch;flex-direction:column;padding:30px 24px}.copy-button.large{min-width:0}footer{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}