@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#0b0e14;--color-bg-secondary:#1c1c1e;--color-bg-card:#1c1c1e;--color-bg-hover:#2c2c2e;--color-text-primary:#fff;--color-text-secondary:#bdbdbd;--color-text-muted:#eee;--color-text-disabled:#3a3a3c;--color-accent:#3b82f6;--color-accent-secondary:#3182f6;--color-accent-hover:#5a97f6;--color-accent-subtle:#4084f41f;--color-danger:#f04452;--color-success:#4ade80;--color-warning:#fb0;--color-border:#ffffff12;--color-border-active:#4084f480;--color-frontend:#61dafb;--color-backend:#68d391;--color-devops:#f6ad55;--color-ai-ml:#b794f4;--color-mobile:#76e4f7;--color-database:#fbd38d;--color-security:#fc8181;--color-career:#9ae6b4;--color-beginner:#4ade80;--color-intermediate:#fb0;--color-advanced:#f04452;--space-xs:2px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-card:0 2px 12px #0006;--shadow-hover:0 8px 28px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;font-weight:400}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}.layout-wrapper{max-width:1280px;padding:0 var(--space-lg);margin:0 auto;display:flex}@media (max-width:768px){.layout-wrapper{padding:0 var(--space-md);padding-bottom:calc(56px + env(safe-area-inset-bottom))}}
.Header-module__tPtrlq__header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#101012d9;position:sticky;top:0}.Header-module__tPtrlq__inner{max-width:1280px;padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);height:60px;margin:0 auto;display:flex}.Header-module__tPtrlq__logo{white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.Header-module__tPtrlq__logoDot{background:linear-gradient(135deg,#4084f4,#3182f6);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px #4084f4b3}.Header-module__tPtrlq__logoText{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700}.Header-module__tPtrlq__logoAccent{background:linear-gradient(135deg,#4084f4,#3182f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.Header-module__tPtrlq__searchForm{flex:1;min-width:0;max-width:480px;position:relative}@media (max-width:480px){.Header-module__tPtrlq__searchForm{display:none}}.Header-module__tPtrlq__searchIcon{left:var(--space-md);color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.Header-module__tPtrlq__searchInput{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;padding:var(--space-sm)var(--space-md)var(--space-sm)40px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);height:40px;transition:border-color var(--transition-fast),background var(--transition-fast);outline:none}.Header-module__tPtrlq__searchInput::placeholder{color:var(--color-text-muted)}.Header-module__tPtrlq__searchInput:focus{border-color:var(--color-border-active);background:var(--color-bg-hover)}.Header-module__tPtrlq__nav{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.Header-module__tPtrlq__navItem{color:var(--color-text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast);align-items:center;display:flex}.Header-module__tPtrlq__navItem:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}
.BottomNav-module__UiL0mG__nav{display:none}@media (max-width:768px){.BottomNav-module__UiL0mG__nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);background:#101012eb;display:flex;position:fixed;bottom:0;left:0;right:0}}.BottomNav-module__UiL0mG__item{color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;display:flex}.BottomNav-module__UiL0mG__item.BottomNav-module__UiL0mG__active{color:var(--color-accent)}.BottomNav-module__UiL0mG__label{font-size:10px;font-weight:500}
.Toast-module__TDXsDW__container{bottom:calc(72px + env(safe-area-inset-bottom));gap:var(--space-sm);z-index:300;pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (min-width:769px){.Toast-module__TDXsDW__container{bottom:var(--space-xl)}}.Toast-module__TDXsDW__toast{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px var(--space-md);pointer-events:auto;white-space:nowrap;background:#2c2c2e;animation:.2s Toast-module__TDXsDW__slideUp;display:flex;box-shadow:0 8px 28px #00000080}@keyframes Toast-module__TDXsDW__slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.Toast-module__TDXsDW__message{font-size:var(--text-sm);color:var(--color-text-primary)}.Toast-module__TDXsDW__action{font-size:var(--text-sm);color:var(--color-accent);margin-left:var(--space-xs);font-weight:600}.Toast-module__TDXsDW__action:hover{color:var(--color-accent-hover)}.Toast-module__TDXsDW__close{color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-xs);background:0 0;border:none;padding:2px;display:flex}.Toast-module__TDXsDW__close:hover{color:var(--color-text-secondary)}