@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_de7557ea-module__HvPnFW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_de7557ea-module__HvPnFW__variable{--font-outfit:"Outfit","Outfit Fallback"}
:root{--color-primary:#e8d5e0;--color-secondary:#d4e5e8;--color-accent:#f5e6d3;--color-background:#fafafa;--color-surface:#fff;--color-text:#2d3748;--color-text-muted:#718096;--color-border:#e2e8f0;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Outfit","Inter",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fefefe;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.container-narrow{max-width:800px;padding:0 var(--spacing-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#d4c1d9);color:var(--color-text)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background)}.btn-success{color:#22543d;background:linear-gradient(135deg,#9ae6b4,#68d391)}.btn-danger{color:#742a2a;background:linear-gradient(135deg,#feb2b2,#fc8181)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.badge-draft{color:#4a5568;background:#e2e8f0}.badge-processing{color:#9c4221;background:#fed7aa}.badge-review{color:#3730a3;background:#c3dafe}.badge-published{color:#22543d;background:#c6f6d5}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-fast);font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e8d5e04d}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{color:var(--color-text);font-size:.875rem;font-weight:500}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.article-content{line-height:1.8}.article-content h2{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.article-content h3{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-content p{margin-bottom:var(--spacing-lg)}.article-content img{border-radius:var(--radius-lg);margin:var(--spacing-xl)0;box-shadow:var(--shadow-md)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content blockquote{margin:var(--spacing-xl)0;padding:var(--spacing-lg);background:var(--color-secondary);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md)var(--radius-md)0;font-style:italic}.article-content .callout{gap:var(--spacing-md);margin:var(--spacing-xl)0;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid;display:flex}.article-content .callout .callout-icon{flex-shrink:0;font-size:1.5rem}.article-content .callout .callout-content{flex:1}.article-content .callout .callout-content strong{margin-bottom:var(--spacing-xs);display:block}.article-content .callout .callout-content p{color:inherit;opacity:.9;margin:0}.article-content .callout[class*=💡]{background:linear-gradient(135deg,#fef3c7 0%,#fdf6e3 100%);border-color:#f59e0b}.article-content .callout[class*=⚠️]{background:linear-gradient(135deg,#fee2e2 0%,#fff5f5 100%);border-color:#ef4444}.article-content .callout[class*=✅]{background:linear-gradient(135deg,#d1fae5 0%,#ecfdf5 100%);border-color:#10b981}.article-content .callout[class*=📌]{background:linear-gradient(135deg,#e0e7ff 0%,#eef2ff 100%);border-color:#6366f1}.article-content .callout[class*=🎯]{background:linear-gradient(135deg,#fce7f3 0%,#fdf2f8 100%);border-color:#ec4899}.article-content .callout[class*=📋]{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-color:#3b82f6}.article-content .article-image{margin:var(--spacing-xl)auto;text-align:center;max-width:85%}.article-content .article-image img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);object-fit:cover;width:100%;max-height:500px;margin:0;display:block}.article-content .article-image figcaption{margin-top:var(--spacing-sm);font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.02em;font-size:.85rem;font-weight:500}.header{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav{gap:var(--spacing-xl);display:flex}.nav a{color:var(--color-text-muted);font-weight:500}.nav a:hover{color:var(--color-text)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-2xl)0;margin-top:var(--spacing-3xl);text-align:center;color:var(--color-text-muted)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}