:root{--ds-bg:#FAFAF7;--ds-bg-soft:#F4F2EC;--ds-card:#FFFFFF;--ds-border:#ECE9E2;--ds-border-strong:#D9D4C8;--ds-text:#14131A;--ds-text-soft:#3F3D48;--ds-muted:#77736B;--ds-accent:#F95A1F;--ds-accent-hover:#E04D15;--ds-accent-soft:rgba(249,90,31,0.08);--ds-accent-strong:rgba(249,90,31,0.18);--ds-shadow-xs:0 1px 2px rgba(20,15,10,0.04);--ds-shadow-sm:0 1px 2px rgba(20,15,10,0.04),0 1px 3px rgba(20,15,10,0.03);--ds-shadow-md:0 4px 12px rgba(20,15,10,0.05),0 1px 3px rgba(20,15,10,0.04);--ds-shadow-lg:0 16px 40px rgba(20,15,10,0.08),0 4px 12px rgba(20,15,10,0.04);--ds-shadow-accent:0 10px 30px rgba(249,90,31,0.28),0 2px 6px rgba(249,90,31,0.16);--ds-radius-sm:10px;--ds-radius:16px;--ds-radius-lg:20px;--ds-ease:cubic-bezier(0.2,0.8,0.2,1);--accent:var(--ds-accent);--accent-hover:var(--ds-accent-hover);--hero-gradient:linear-gradient(135deg,#1A1A2E,#16213E,#0F3460);--text-primary:var(--ds-text);--text-secondary:var(--ds-text-soft);--text-muted:var(--ds-muted);--bg-primary:var(--ds-card);--bg-secondary:var(--ds-bg-soft);--border:var(--ds-border);--radius:var(--ds-radius);--max-width:860px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-noto-sans-kr),-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:var(--ds-text);background:var(--ds-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02","cv11"}a{color:inherit;text-decoration:none}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border);padding:0 20px}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:56px;gap:8px}.navbar-logo{font-weight:900;font-size:1.25rem;color:var(--text-primary);margin-right:16px;white-space:nowrap}.navbar-logo span{color:#2ecc71}.navbar-links{display:flex;align-items:center;gap:4px;overflow-x:auto;flex:1 1}.navbar-links::-webkit-scrollbar{display:none}.navbar-links a{font-size:.85rem;padding:6px 10px;border-radius:6px;white-space:nowrap;transition:background .2s;position:relative}.navbar-links a:hover{background:#f5f5f5}.navbar-links a.active{color:var(--accent);font-weight:600}.navbar-auth{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.pro-badge{background:#7c3aed}.new-badge,.pro-badge{font-size:.6rem;color:#fff;padding:1px 4px;border-radius:3px;margin-left:2px;vertical-align:super}.new-badge{background:#ef4444}@media (max-width:768px){.navbar-inner{flex-wrap:wrap;height:auto;padding:8px 0}.navbar-links{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0}.navbar-links::-webkit-scrollbar{display:none}.navbar-links a{font-size:.8rem;padding:4px 8px}.navbar-auth{font-size:.85rem}}.footer{background:#f8f8f8;border-top:1px solid var(--border);padding:40px 20px;margin-top:60px;font-size:.85rem;color:var(--text-muted);text-align:center}.footer-inner{max-width:700px;margin:0 auto;line-height:1.8}.footer-links{margin-top:12px}.footer-links a{color:var(--text-secondary);margin:0 8px;text-decoration:underline}.hero{background:var(--hero-gradient);color:#fff;padding:48px 20px;text-align:center}.hero h1{font-size:2rem;font-weight:900;margin-bottom:12px}.hero p{font-size:1.1rem;opacity:.9}.btn-primary{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.container{max-width:var(--max-width);margin:0 auto;padding:32px 20px}