*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;background:#fff;font-family:Noto Sans KR,sans-serif;line-height:1.6}#navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.nav-link{padding:.5rem 0;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#10b981,#3b82f6);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}#hero{background:linear-gradient(135deg,#f0f9ff 0%,#ecfdf5 100%);position:relative;overflow:hidden}#hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"%23e5e7eb\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}#mobile-menu{max-height:0;transition:max-height .3s;overflow:hidden}#mobile-menu.open{max-height:500px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#059669}