@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap");:root{--color-bg:#0f1419;--color-bg-soft:#1a2332;--color-bg-card:#232d3d;--color-primary:#22d3ee;--color-primary-soft:#67e8f9;--color-accent:#f472b6;--color-accent-soft:#f9a8d4;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--max-width:1200px}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}.hero,.page{min-height:100vh}.hero{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:2rem 1.5rem}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(34,211,238,.12) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(244,114,182,.08) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:640px}.logo{font-size:clamp(3rem,10vw,5rem);font-weight:700;letter-spacing:.15em;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.tagline{font-size:1.25rem;font-weight:500;color:var(--color-primary-soft);margin-bottom:1.5rem}.hero .description{color:var(--color-text-muted);font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.hero-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.badge{display:inline-block;padding:.75rem 1.5rem;background:var(--color-bg-card);border:1px solid rgba(34,211,238,.3);border-radius:12px;color:var(--color-primary-soft);text-decoration:none;font-weight:500;transition:all .2s ease}.badge:hover{background:rgba(34,211,238,.15);border-color:var(--color-primary);transform:translateY(-2px)}.section{max-width:var(--max-width);margin:0 auto;padding:5rem 2rem}.section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:3rem;color:var(--color-text)}.features{background:linear-gradient(180deg,transparent 0,rgba(34,211,238,.03) 50%,transparent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:2rem;text-align:center;transition:all .25s ease}.feature-card:hover{border-color:rgba(34,211,238,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.how-it-works{padding:5rem 2rem}.steps{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1rem 2rem}.step{flex:1 1;min-width:200px;max-width:280px;text-align:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.step h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step p{color:var(--color-text-muted);font-size:.9rem}.step-arrow{font-size:1.5rem;color:var(--color-primary);opacity:.6;align-self:center}@media (max-width:768px){.step-arrow{display:none}}.cta{padding:6rem 2rem}.cta-content{text-align:center;background:var(--color-bg-card);border:1px solid rgba(34,211,238,.2);border-radius:24px;padding:4rem 2rem}.cta-content h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.cta-content p{color:var(--color-text-muted);margin-bottom:2rem}.cta-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),#06b6d4);color:var(--color-bg);font-weight:600;text-decoration:none;border-radius:12px;transition:all .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,211,238,.35)}.footer{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.875rem;border-top:1px solid hsla(0,0%,100%,.06)}