@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#161b22cc;--border-primary:#30363d;--border-accent:#00d9ff;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-primary:#00d9ff;--accent-secondary:#0fc;--accent-gradient:linear-gradient(135deg,#00d9ff 0%,#0fc 100%);--accent-glow:0 0 20px #00d9ff33;--status-live:#3fb950;--status-dev:#f0883e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--sidebar-width:280px;--sidebar-collapsed:80px;--font-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--radius-full:18px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{min-height:100vh;padding-top:64px}.main-content{max-width:1400px;padding:var(--space-8)var(--space-6);min-height:calc(100vh - 64px);margin:0 auto}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-effect{box-shadow:var(--accent-glow)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}@media (max-width:768px){.main-content{padding:var(--space-6)var(--space-4);padding:var(--space-4);margin-left:0;padding-top:70px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}.animate-glow{animation:2s ease-in-out infinite glow}.scroll-snap-container{scroll-snap-type:y mandatory}.scroll-snap-section{scroll-snap-align:start}