.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.header__inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-6)}@media (min-width:768px){.header__inner{padding:var(--space-3) var(--space-6)}}.header__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-600);text-decoration:none;flex-shrink:0}.header__logo:hover{text-decoration:none;color:var(--primary-700)}.header__logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-lg);color:#fff}.header__nav{display:none;flex:1 1;gap:var(--space-1)}@media (min-width:768px){.header__nav{display:flex}}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__nav-link:hover{text-decoration:none}.header__nav-link--active,.header__nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.header__nav-chevron{width:16px;height:16px;transition:transform var(--transition-fast)}.header__nav-item:hover .header__nav-chevron{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:0;min-width:280px;padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-base)}.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--space-3);margin-bottom:var(--space-2)}.header__dropdown-list{display:flex;flex-direction:column;gap:var(--space-1)}.header__dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast)}.header__dropdown-link:hover{background:var(--gray-50);color:var(--primary-600);text-decoration:none}.header__dropdown-icon{width:20px;height:20px;color:var(--gray-400)}.header__dropdown-link:hover .header__dropdown-icon{color:var(--primary-500)}.header__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.header__search-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--gray-500);transition:all var(--transition-fast)}.header__search-btn:hover{background:var(--gray-100);color:var(--gray-700)}.header__search-icon{width:20px;height:20px}.header__lang{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.header__lang:hover{background:var(--gray-200);color:var(--gray-800);text-decoration:none}.header__mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--gray-600)}@media (min-width:768px){.header__mobile-btn{display:none}}.header__mobile-btn:hover{background:var(--gray-100)}.header__mobile-icon{width:24px;height:24px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--gray-500);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.theme-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.footer{background:var(--color-bg-secondary);color:var(--gray-600);padding:var(--space-16) var(--space-4);position:relative;overflow:hidden;border-top:1px solid var(--color-border)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-500),transparent)}.footer__inner{max-width:var(--container-xl);margin:0 auto}.footer__grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-10);gap:var(--space-10);margin-bottom:var(--space-10)}@media (min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);text-decoration:none;margin-bottom:var(--space-4)}.footer__logo:hover{text-decoration:none;color:var(--primary-600)}.footer__logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff}.footer__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--gray-500);margin-bottom:var(--space-6)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--gray-500);border:1px solid var(--color-border);transition:all var(--transition-fast)}.footer__social-link:hover{background:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:translateY(-2px)}.footer__social-icon{width:18px;height:18px}.footer__section h4{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-500);text-decoration:none;transition:all var(--transition-fast)}.footer__link:hover{color:var(--primary-600);text-decoration:none;transform:translateX(4px)}.footer__link-icon{width:16px;height:16px;opacity:.5}.footer__newsletter{margin-top:var(--space-4)}.footer__newsletter-form{display:flex;gap:var(--space-2)}.footer__newsletter-input{flex:1 1;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--gray-900);font-size:var(--text-sm)}.footer__newsletter-input::placeholder{color:var(--gray-400)}.footer__newsletter-input:focus{outline:none;border-color:var(--primary-500)}.footer__newsletter-btn{padding:var(--space-2) var(--space-4);background:var(--primary-600);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.footer__newsletter-btn:hover{background:var(--primary-500)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);text-align:center}@media (min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copyright{font-size:var(--text-sm);color:var(--gray-500)}.footer__legal{display:flex;gap:var(--space-4)}.footer__legal-link{font-size:var(--text-sm);color:var(--gray-500);text-decoration:none}.footer__legal-link:hover{color:var(--primary-600)}.footer__disclaimer{font-size:var(--text-xs);color:var(--gray-500);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}@media (min-width:768px){.footer__disclaimer{margin:0;text-align:left}}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--gray-50);--color-bg-tertiary:var(--gray-100);--color-bg-elevated:#fff;--color-border:var(--gray-200);--color-border-light:var(--gray-100);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-card:0 2px 8px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-card-hover:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08);--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue",sans-serif;--font-heading:"Inter",var(--font-sans);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}html.dark{--gray-50:#18181b;--gray-100:#27272a;--gray-200:#3f3f46;--gray-300:#52525b;--gray-400:#71717a;--gray-500:#a1a1aa;--gray-600:#d4d4d8;--gray-700:#e4e4e7;--gray-800:#f4f4f5;--gray-900:#fafafa;--color-bg-primary:#18181b;--color-bg-secondary:#27272a;--color-bg-tertiary:#3f3f46;--color-bg-elevated:#27272a;--color-border:#3f3f46;--color-border-light:#27272a;--primary-50:#1e1b4b;--primary-100:#312e81;--primary-200:#3730a3;--primary-300:#4338ca;--primary-400:#4f46e5;--primary-500:#6366f1;--primary-600:#818cf8;--primary-700:#a5b4fc;--primary-800:#c7d2fe;--primary-900:#e0e7ff;--accent-50:#422006;--accent-100:#78350f;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#fcd34d;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px -1px rgba(0,0,0,.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.4);--shadow-card:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-card-hover:0 12px 24px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3)}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css);font-weight:100 900;font-display:swap}@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1200px){.container{padding:0 var(--space-8)}}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-primary{color:var(--primary-600)}.text-white{color:#fff}.bg-white{background-color:var(--color-bg-primary)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-primary{background-color:var(--primary-600)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:0 2px 4px rgba(79,70,229,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 8px rgba(79,70,229,.4);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-primary);color:var(--gray-700);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--gray-900);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input::placeholder{color:var(--gray-400)}