:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#050810;--bg:#080c14;--bg-elevated:#0c1220;--surface:#0e1624b3;--surface-hover:#141e30cc;--glass:#ffffff08;--glass-hover:#ffffff0f;--text:#c8d4e0;--text-strong:#edf2f7;--text-muted:#5a6d82;--emerald:#34d399;--emerald-bright:#6ee7b7;--lime:#a3e635;--amber:#f59e0b;--cyan:#22d3ee;--glow-emerald:#34d39926;--glow-amber:#f59e0b1a;--glow-cyan:#22d3ee14;--border:#ffffff0f;--border-hover:#ffffff1a;--border-glow:#34d39933;--shadow-glow:0 0 60px #34d3990f;--shadow-card:0 4px 24px #0006;--shadow-btn:0 4px 20px #34d39926;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--container:960px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-deep);min-height:100dvh;color:var(--text);font-family:var(--font-sans,"Noto Sans KR", sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(ellipse 80% 60% at 20% 10%, var(--glow-emerald), transparent), radial-gradient(ellipse 60% 50% at 80% 15%, var(--glow-cyan), transparent), radial-gradient(ellipse 70% 50% at 50% 90%, var(--glow-amber), transparent);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.8;background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 70%)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3,h4{color:var(--text-strong);letter-spacing:-.03em;margin:0;line-height:1.15}h1{font-family:var(--font-display,var(--font-sans,"Noto Serif KR", serif));letter-spacing:-.04em;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:900;line-height:1.08}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800}h3{font-size:clamp(1.02rem,1.5vw,1.15rem);font-weight:700}p{margin:0;line-height:1.72}strong{color:var(--text-strong);font-weight:700}::selection{color:#fff;background:#34d39940}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}[id]{scroll-margin-top:100px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}.skip-link{z-index:50;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-strong);border:1px solid var(--border-hover);transition:top .2s var(--ease-out-expo);padding:10px 16px;font-size:.875rem;font-weight:600;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.page-shell{width:min(var(--container), calc(100% - 32px));margin:0 auto}.header{z-index:20;border:1px solid var(--border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);animation:fadeUp .6s var(--ease-out-expo) both;background:#080c14bf;align-items:center;gap:16px;margin-bottom:40px;padding:10px 20px;display:flex;position:sticky;top:12px}.brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{object-fit:cover;border-radius:10px;flex-shrink:0;width:32px;height:32px;box-shadow:0 0 16px #34d39933}.brand-name{color:var(--text-strong);letter-spacing:-.02em;font-size:.92rem;font-weight:800}.header-nav{align-items:center;gap:2px;margin-left:auto;display:flex}.header-nav a{border-radius:var(--radius-pill);color:var(--text-muted);padding:7px 14px;font-size:.84rem;font-weight:600;transition:color .2s,background .2s}.header-nav a:hover{color:var(--text-strong);background:var(--glass-hover)}main{gap:20px;padding-bottom:40px;display:grid}.section{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .7s var(--ease-out-expo) both;padding:clamp(28px,4vw,44px);animation-delay:.2s;position:relative}.hero{text-align:center;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .7s var(--ease-out-expo) both;padding:clamp(48px,8vw,88px) clamp(20px,4vw,48px);animation-delay:80ms;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#34d3991f 0%,#22d3ee0f 40%,#0000 70%);width:600px;height:400px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-badge{border-radius:var(--radius-pill);border:1px solid var(--border-glow);color:var(--emerald-bright);letter-spacing:.03em;animation:fadeUp .6s var(--ease-out-expo) both;background:linear-gradient(135deg,#34d39914,#22d3ee0d);align-items:center;gap:8px;margin-bottom:24px;padding:7px 16px;font-size:.78rem;font-weight:700;animation-delay:.2s;display:inline-flex;position:relative}.hero-badge-dot{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 8px var(--emerald);border-radius:50%;animation:2.5s ease-in-out infinite pulse}.hero h1{max-width:14ch;animation:fadeUp .7s var(--ease-out-expo) both;margin:0 auto 20px;animation-delay:.3s;position:relative}.hero-desc{max-width:42ch;color:var(--text-muted);animation:fadeUp .7s var(--ease-out-expo) both;margin:0 auto 36px;font-size:1.02rem;line-height:1.75;animation-delay:.4s;position:relative}.store-buttons{animation:fadeUp .7s var(--ease-out-expo) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;animation-delay:.5s;display:flex;position:relative}.store-btn{border-radius:var(--radius-md);transition:transform .2s var(--ease-out-expo), box-shadow .3s ease;align-items:center;gap:10px;padding:14px 28px;font-size:.88rem;font-weight:700;display:inline-flex}.store-btn:hover{transform:translateY(-2px)}.store-btn:active{transition-duration:80ms;transform:translateY(0)}.store-btn-apple{color:#000;background:#fff;box-shadow:0 0 0 1px #ffffff1a,0 4px 24px #ffffff0f}.store-btn-apple:hover{box-shadow:0 0 0 1px #ffffff26,0 8px 32px #ffffff1a}.store-btn-google{background:var(--bg-elevated);color:var(--text-strong);border:1px solid var(--border-hover);box-shadow:var(--shadow-card)}.store-btn-google:hover{border-color:#ffffff29;box-shadow:0 8px 32px #00000080}.store-btn svg{flex-shrink:0;width:22px;height:22px}.store-btn-label{text-align:left;line-height:1.2;display:grid}.store-btn-sub{opacity:.55;font-size:.68rem;font-weight:500}.store-btn-name{letter-spacing:-.01em;font-size:.98rem;font-weight:800}.hero-stats{animation:fadeUp .7s var(--ease-out-expo) both;justify-content:center;gap:40px;margin:0;animation-delay:.6s;display:flex;position:relative}.hero-stat{text-align:center}.hero-stat dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.hero-stat dd{color:var(--text-strong);letter-spacing:-.02em;margin:6px 0 0;font-size:1.4rem;font-weight:800}.section-badge{border-radius:var(--radius-pill);color:var(--emerald);letter-spacing:.05em;text-transform:uppercase;background:#34d3990f;border:1px solid #34d39926;align-items:center;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.section-heading{gap:8px;margin-bottom:28px;display:grid}.section-lead{color:var(--text-muted);max-width:56ch;font-size:.92rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass);transition:border-color .3s ease, background .3s ease, box-shadow .3s ease, transform .2s var(--ease-out-expo);gap:12px;padding:24px;display:grid;position:relative;overflow:hidden}.feature-card:after{content:"";background:radial-gradient(circle at center, var(--glow-emerald), transparent 60%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.feature-card:hover{border-color:var(--border-glow);background:var(--glass-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.feature-card:hover:after{opacity:1}.feature-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--emerald);background:linear-gradient(135deg,#34d3991a,#22d3ee0f);border:1px solid #34d39926;place-items:center;display:grid;position:relative}.feature-icon svg{width:20px;height:20px}.feature-card h3{position:relative}.feature-card p{color:var(--text-muted);font-size:.86rem;line-height:1.65;position:relative}.topic-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.topic-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass);transition:border-color .3s ease, background .3s ease, transform .2s var(--ease-out-expo), box-shadow .3s ease;gap:8px;padding:22px;display:grid;position:relative;overflow:hidden}.topic-card:hover{border-color:var(--border-glow);background:var(--glass-hover);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.topic-card-tag{color:var(--text-muted);letter-spacing:.04em;background:#34d3990f;border:1px solid #34d3991a;border-radius:6px;align-self:start;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.topic-card h3{font-size:.98rem;transition:color .2s}.topic-card:hover h3{color:var(--emerald-bright)}.topic-card p{color:var(--text-muted);font-size:.84rem;line-height:1.6}.topic-card-action{color:var(--emerald);letter-spacing:-.01em;transition:letter-spacing .3s var(--ease-out-expo);font-size:.84rem;font-weight:700}.topic-card:hover .topic-card-action{letter-spacing:.02em}.faq-grid{gap:10px;display:grid}.faq-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--glass);padding:22px;transition:border-color .2s}.faq-item:hover{border-color:var(--border-hover)}.faq-item strong{letter-spacing:-.01em;margin-bottom:8px;font-size:.94rem;display:block}.faq-item p{color:var(--text-muted);font-size:.88rem;line-height:1.72}.cta-section{text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 100%, #34d3990f, transparent), var(--surface);padding:clamp(36px,6vw,64px) clamp(20px,4vw,48px);animation-delay:.3s}.cta-section h2{max-width:18ch;margin:12px auto}.cta-section .section-lead{text-align:center;margin:0 auto 32px}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;min-height:44px;transition:transform .2s var(--ease-out-expo), box-shadow .3s ease, background .2s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.88rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--emerald), var(--lime));color:#050810;box-shadow:var(--shadow-btn)}.btn-primary:hover{box-shadow:0 6px 28px #34d39940}.btn-secondary{border-color:var(--border-hover);color:var(--text-strong);background:var(--glass)}.btn-secondary:hover{background:var(--glass-hover);border-color:#ffffff29}.detail-hero{padding:clamp(32px,5vw,56px) clamp(24px,4vw,44px);animation-delay:80ms}.detail-hero h1{text-align:left;max-width:none;margin:14px 0 18px;font-size:clamp(1.8rem,4vw,2.8rem)}.detail-intro{color:var(--emerald-bright);max-width:60ch;margin-bottom:12px;font-size:.98rem;font-weight:500;line-height:1.7}.detail-body{color:var(--text);max-width:60ch;line-height:1.82}.points-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.points-list li{color:var(--text);padding-left:24px;font-size:.92rem;line-height:1.65;position:relative}.points-list li:before{content:"";background:var(--emerald);border-radius:50%;width:10px;height:10px;position:absolute;top:.55em;left:0;box-shadow:0 0 10px #34d3994d}.detail-faq{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-faq li{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--glass);padding:20px;transition:border-color .2s}.detail-faq li:hover{border-color:var(--border-hover)}.detail-faq strong{margin-bottom:8px;font-size:.94rem;display:block}.detail-faq p{color:var(--text-muted);font-size:.88rem;line-height:1.72}.related-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.related-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--glass);transition:border-color .3s ease, transform .2s var(--ease-out-expo), box-shadow .3s ease;gap:8px;padding:20px;display:grid}.related-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.related-card h3{font-size:.88rem;transition:color .2s}.related-card:hover h3{color:var(--emerald-bright)}.related-card p{color:var(--text-muted);font-size:.8rem;line-height:1.55}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.breadcrumb a,.breadcrumb span{color:var(--text-muted);font-size:.78rem;transition:color .2s}.breadcrumb a:hover{color:var(--emerald)}.breadcrumb-sep{opacity:.3;font-size:.72rem}.info-hero{padding:clamp(36px,5vw,56px) clamp(24px,4vw,44px);animation-delay:80ms}.info-hero h1{text-align:left;max-width:none;margin:14px 0;font-size:clamp(1.6rem,4vw,2.4rem)}.info-hero-desc{color:var(--text-muted);max-width:52ch;font-size:.98rem;line-height:1.72}.keyword-bar{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.keyword-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--glass);color:var(--text-strong);padding:5px 14px;font-size:.78rem;font-weight:700;transition:border-color .2s,background .2s}.keyword-pill:hover{border-color:var(--border-glow);background:var(--glass-hover)}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass);gap:10px;padding:22px;transition:border-color .2s,background .2s;display:grid}.card:hover{border-color:var(--border-hover);background:var(--glass-hover)}.card h3{font-size:.94rem}.card p{color:var(--text-muted);font-size:.84rem;line-height:1.65}.card-keywords{flex-wrap:wrap;gap:6px;display:flex}.pill{color:var(--text-muted);background:#34d3990f;border:1px solid #34d3991a;border-radius:6px;padding:3px 9px;font-size:.7rem;font-weight:600}.card-link{color:var(--emerald);letter-spacing:-.01em;font-size:.86rem;font-weight:700}.not-found{text-align:center;padding:clamp(56px,10vw,120px) 20px}.not-found h1{background:linear-gradient(135deg, var(--emerald), var(--cyan));-webkit-text-fill-color:transparent;opacity:.3;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(4rem,12vw,8rem)}.not-found h2{margin-bottom:12px}.not-found p{color:var(--text-muted);margin-bottom:28px}.footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;letter-spacing:.01em;margin-top:8px;padding:28px 0;font-size:.78rem}@media (max-width:768px){.header{gap:10px;padding:8px 14px}.header-nav{display:none}.feature-grid,.topic-grid,.card-grid,.related-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.store-buttons{flex-direction:column;align-items:center}.store-btn{justify-content:center;width:100%;max-width:280px}}@media (max-width:480px){.page-shell{width:calc(100% - 16px)}.hero{padding:36px 18px}.section{border-radius:var(--radius-lg);padding:22px 18px}.hero-stats{flex-direction:column;align-items:center;gap:16px}h1{font-size:clamp(1.8rem,7vw,2.4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}