@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap";:root{--color-bg-primary: #FAFBFC;--color-bg-secondary: #F0F4F8;--color-bg-accent: #E8F4F8;--color-mar: #0EA5E9;--color-mar-dark: #0369A1;--color-mar-light: #38BDF8;--color-cyan: #06B6D4;--color-teal: #14B8A6;--color-coral: #F97316;--color-coral-light: #FDBA74;--color-gold: #FBBF24;--color-amber: #D97706;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-light: #94A3B8;--color-white: #FFFFFF;--color-gray-100: #F8FAFC;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--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 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-hero: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 50%, #14B8A6 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F0F9FF 100%);--font-display: "Playfair Display", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);letter-spacing:-.3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-6)}h1{font-size:3rem;font-weight:800;letter-spacing:-1.5px}h2{font-size:2rem;margin-top:var(--spacing-12);margin-bottom:var(--spacing-8)}h3{font-size:1.5rem;margin-top:var(--spacing-8)}p{margin-bottom:var(--spacing-6);color:var(--color-text-secondary);font-size:1.05rem}a{color:var(--color-mar);text-decoration:none;transition:all .3s ease;font-weight:500}a:hover{color:var(--color-mar-dark);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.content-container{max-width:720px;margin:0 auto;padding:0 var(--spacing-4)}header{background:var(--gradient-hero);color:var(--color-white);padding:var(--spacing-8) 0;position:relative;overflow:visible;box-shadow:var(--shadow-lg)}header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}header .container{position:relative;z-index:1}header a{color:var(--color-white);text-decoration:none}header a:hover{color:var(--color-gold);text-decoration:none}.site-title{font-size:2.2rem;font-weight:800;margin-bottom:var(--spacing-2);letter-spacing:-1px}.site-tagline{font-size:1.05rem;opacity:.95;font-weight:400;margin-top:var(--spacing-2);letter-spacing:.5px}.header-container{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;justify-content:space-between}.header-logo{flex:1;min-width:0}.header-spacer{display:none}.nav-desktop{display:flex}.nav-desktop ul{list-style:none;display:flex;gap:var(--spacing-3);flex-wrap:wrap;align-items:center;margin:0;padding:0}.nav-desktop a{display:inline-block;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-full);background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:var(--color-white);font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-desktop a:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;color:var(--color-white);text-decoration:none}.hamburger-menu{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:var(--spacing-1);width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.hamburger-menu span{display:block;width:26px;height:2.5px;background:var(--color-white);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translateY(11px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translateY(-11px)}.nav-mobile{display:none;position:absolute;top:calc(100% + var(--spacing-3));left:0;right:0;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;border:1px solid var(--color-gray-200);overflow:hidden}.nav-mobile.show{display:block}.nav-mobile ul{list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-mobile li{border-bottom:1px solid var(--color-gray-100)}.nav-mobile li:last-child{border-bottom:none}.nav-mobile a{display:block;padding:var(--spacing-4);color:var(--color-text-primary);font-weight:500;transition:all .2s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-mobile a:hover{background:linear-gradient(135deg,var(--color-mar-light),var(--color-cyan));color:var(--color-white);text-decoration:none}.mobile-language-toggle{border-top:1px solid var(--color-gray-200);padding:0!important;margin:0!important}.language-toggle-btn{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);background:transparent;border:none;color:var(--color-text-primary);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left}.language-toggle-btn:hover{background:var(--color-gray-100)}.language-toggle-btn svg:first-child{width:20px;height:20px;opacity:.7}.language-toggle-btn .toggle-arrow{width:16px;height:16px;margin-left:auto;transition:transform .3s ease}.mobile-language-toggle.collapsed .toggle-arrow{transform:rotate(-90deg)}.language-options{display:none;background:var(--color-gray-100);border-top:1px solid var(--color-gray-200);max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-language-toggle.collapsed .language-options{display:block;max-height:500px}.language-options a{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);font-weight:500;font-size:.85rem;border-bottom:1px solid var(--color-gray-200);transition:all .2s ease}.language-options a:last-child{border-bottom:none}.language-options a:hover{background:linear-gradient(135deg,var(--color-mar-light),var(--color-cyan));color:var(--color-white);text-decoration:none}.language-selector-compact{position:relative;display:flex;align-items:center}.language-selector-compact .language-selector-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-white);font-weight:400;font-size:.85rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.language-selector-compact .language-selector-button svg:first-child{width:16px;height:16px;opacity:.8}.language-selector-compact .language-selector-button .dropdown-arrow{width:12px;height:12px;margin-left:0}.language-selector-compact .language-selector-button:hover{background:#ffffff26;border-color:#ffffff4d}.language-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;border:1px solid var(--color-gray-200);overflow:hidden}.language-dropdown.show,.language-selector-compact:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-dropdown a{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);color:var(--color-text-primary);font-weight:500;font-size:.85rem;border-bottom:1px solid var(--color-gray-100);transition:all .2s ease}.language-dropdown a:last-child{border-bottom:none}.language-dropdown a:hover{background:linear-gradient(135deg,var(--color-mar-light),var(--color-cyan));color:var(--color-white)}main{padding:var(--spacing-16) 0;min-height:calc(100vh - 300px)}.article-card{background:var(--gradient-card);border-radius:var(--radius-2xl);padding:var(--spacing-8);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-mar-light)}.article-meta{display:flex;gap:var(--spacing-6);font-size:.9rem;color:var(--color-text-light);margin-bottom:var(--spacing-6);flex-wrap:wrap;align-items:center}.article-meta span{display:flex;align-items:center;gap:var(--spacing-2)}.article-card h2{margin-top:0;margin-bottom:var(--spacing-4)}.article-card h2 a{color:var(--color-text-primary);transition:all .3s ease}.article-card h2 a:hover{color:var(--color-mar);text-decoration:none}.article-tag{display:none;background:var(--color-gray-200);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:400;margin-right:var(--spacing-2);margin-bottom:var(--spacing-2);letter-spacing:0;opacity:.8}.article-meta span:nth-child(3){display:none}.article-image{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block;transition:transform .3s ease}.article-card:hover .article-image{transform:scale(1.05)}article>.content-container>header{padding:var(--spacing-8) var(--spacing-6);background:linear-gradient(135deg,#0ea5e90d,#06b6d40d);border-radius:var(--radius-lg);border:1px solid rgba(14,165,233,.1);margin-bottom:var(--spacing-8);backdrop-filter:blur(10px);color:var(--color-text-primary)}article>.content-container>header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-3);line-height:1.3;letter-spacing:-.3px}article>.content-container>header .article-meta{font-size:.85rem;color:var(--color-text-light);margin-bottom:0;gap:var(--spacing-4);display:flex;flex-wrap:wrap;align-items:center}article>.content-container>header .article-meta span{display:flex;align-items:center;gap:var(--spacing-1);padding:0;background:transparent;border-radius:0;border:none;box-shadow:none;font-weight:400;color:var(--color-text-light)}article>.content-container>header .article-meta a{color:var(--color-mar);text-decoration:none;font-weight:500;transition:color .2s ease}article>.content-container>header .article-meta a:hover{color:var(--color-mar-dark);text-decoration:underline}article>.content-container>header>div:first-child{margin-bottom:var(--spacing-2)}article>.content-container>header>div:first-child a{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-light);text-decoration:none;font-weight:400;font-size:.9rem;padding:0;border-radius:0;transition:color .2s ease;border:none}article>.content-container>header>div:first-child a:hover{color:var(--color-mar)}article>.content-container>header>div:last-child{margin-top:var(--spacing-6);display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.article-hero-image{width:100%;height:auto;max-width:100%;border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-lg);display:block}picture{display:block;width:100%}picture img{width:100%;height:auto;display:block}footer{background:linear-gradient(135deg,var(--color-text-primary),var(--color-mar-dark));color:var(--color-white);padding:var(--spacing-16) 0 var(--spacing-12);margin-top:var(--spacing-20)}footer a{color:var(--color-gold)}footer a:hover{color:var(--color-coral-light);text-decoration:none}.text-center{text-align:center}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}header{padding:var(--spacing-4) 0}.site-title{font-size:1.6rem;margin-bottom:var(--spacing-1)}.site-tagline{font-size:.8rem}.header-container{gap:var(--spacing-2)}.header-logo{flex-basis:auto;order:2}.hamburger-menu{display:flex;order:1;flex-shrink:0}.nav-desktop,.language-selector-compact{display:none}.nav-mobile{position:absolute;top:calc(100% + var(--spacing-3));left:0;right:0;width:100%;border-radius:var(--radius-lg);margin:0}.nav-mobile ul{padding:0;margin:0}.mobile-language-toggle{border-top:1px solid var(--color-gray-200)}.language-options{max-height:0}.mobile-language-toggle.collapsed .language-options{max-height:500px}.article-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.article-card{padding:var(--spacing-6)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-card{animation:fadeIn .6s ease-out}ul{margin-left:var(--spacing-6);margin-bottom:var(--spacing-6)}ul li{margin-bottom:var(--spacing-3)}code{background:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em;color:var(--color-coral)}blockquote{border-left:4px solid var(--color-mar);padding-left:var(--spacing-4);margin-left:0;margin-bottom:var(--spacing-6);color:var(--color-text-secondary);font-style:italic}