:root{--primary: #031632;--primary-container: #1a2b48;--surface-tint: #4e5f7e;--inverse-surface: #303033;--background: #fbf9fb;--inverse-primary: #b6c7eb;--surface-dim: #dbd9dc;--inverse-on-surface: #f2f0f3;--secondary: #944a00;--secondary-container: #fc8f34;--on-secondary-container: #663100;--primary-fixed: #d7e2ff;--on-primary: #ffffff;--on-secondary: #ffffff;--on-tertiary: #ffffff;--surface: #fbf9fb;--tertiary: #735c00;--tertiary-fixed: #ffe088;--on-surface: #1b1b1e;--surface-bright: #fbf9fb;--surface-container: #efedf0;--surface-container-low: #f5f3f6;--surface-container-lowest: #ffffff;--surface-container-high: #e9e7ea;--surface-container-highest: #e4e2e5;--on-surface-variant: #44474d;--outline: #75777e;--outline-variant: #c5c6ce;--error: #ba1a1a;--error-container: #ffdad6;--on-error-container: #93000a;--on-background: #1b1b1e;--on-primary-container: #8293b5;--secondary-fixed: #ffe0b2;--on-secondary-fixed: #3d1c00;--on-error: #ffffff;--on-primary-fixed-variant: #031632;--on-secondary-fixed-variant: #3d1c00;--font-display: "Source Serif 4", Georgia, Cambria, "Times New Roman", Times, serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gutter: 24px;--container-max: 1120px;--article-max: 720px;--base: 8px;--margin-mobile: 20px;--section-gap: 80px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-low: 0px 4px 12px rgba(3, 22, 50, .05);--shadow-hover: 0px 8px 24px rgba(3, 22, 50, .1);--transition-custom: all .3s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--primary: #b6c7eb;--primary-container: #374676;--surface-tint: #b6c7eb;--inverse-surface: #e4e2e5;--background: #0c0e17;--inverse-primary: #031632;--surface-dim: #0c0e17;--inverse-on-surface: #1b1b1e;--secondary: #fc8f34;--secondary-container: #7a3d00;--on-secondary-container: #ffb67a;--primary-fixed: #2d3656;--on-primary: #031632;--on-secondary: #1b1b1e;--on-tertiary: #1b1b1e;--surface: #12141e;--tertiary: #d4be5c;--tertiary-fixed: #ffffff;--on-surface: #e4e2e5;--surface-bright: #383a44;--surface-container: #181a24;--surface-container-low: #141620;--surface-container-lowest: #0a0c14;--surface-container-high: #22242f;--surface-container-highest: #2d2f3a;--on-surface-variant: #bdc0c8;--outline: #7b7e87;--outline-variant: #40424a;--error: #ffb4ab;--error-container: #93000a;--on-error-container: #ffdad6;--on-background: #e4e2e5;--on-primary-container: rgb(255, 232, 190);--secondary-fixed: #603d1a;--on-secondary-fixed: #ffb67a;--on-error: #1b1b1e;--on-primary-fixed-variant: #b6c7eb;--on-secondary-fixed-variant: #ffb67a;--shadow-low: 0px 4px 12px rgba(0, 0, 0, .3);--shadow-hover: 0px 8px 24px rgba(0, 0, 0, .4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}main{padding-top:5rem;padding-bottom:4rem;min-height:calc(100vh - 10rem)}@media(min-width:768px){main{padding-top:7rem;padding-bottom:5rem;min-height:calc(100vh - 12rem)}}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:var(--font-display);font-weight:700;line-height:1.25}p{color:var(--on-surface-variant);font-family:var(--font-body)}a{color:inherit;text-decoration:none;transition:var(--transition-custom)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}.article-container{max-width:var(--article-max);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section-gap{margin-bottom:var(--section-gap)}.grid-bento{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-bento{grid-template-columns:repeat(3,1fr)}}header{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:#fbf9fbf2;backdrop-filter:blur(12px);border-bottom:1px solid rgba(197,198,206,.2);transition:var(--transition-custom)}.dark-mode header{background-color:#0c0e17f2;border-bottom-color:#40424a40}nav.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max);margin:0 auto;padding:1rem var(--gutter)}.brand-logo{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.nav-left{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--on-surface-variant);font-weight:500;font-size:.95rem;padding-bottom:2px;border-bottom:2px solid transparent;transition:var(--transition-custom)}.nav-link:hover,.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-desktop-only{display:none!important}@media(min-width:768px){.nav-desktop-only{display:inline-flex!important}}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:var(--transition-custom)}.mobile-menu-toggle:hover{background:var(--surface-container);color:var(--primary)}.mobile-menu-toggle .material-symbols-outlined{font-size:24px}@media(min-width:768px){.mobile-menu-toggle{display:none!important}}.nav-links-mobile-actions{display:none;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--outline-variant)}@media(max-width:767px){.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100dvh;flex-direction:column;align-items:stretch;gap:.25rem;padding:5rem 1.5rem 2rem;background:var(--surface-container-lowest);border-left:1px solid var(--outline-variant);box-shadow:-8px 0 32px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:90;overflow-y:auto}.nav-links.is-open{right:0}.nav-links .nav-link{padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:1rem;border-bottom:none}.nav-links .nav-link:hover,.nav-links .nav-link.active{background:var(--surface-container);border-bottom:none}.nav-links-mobile-actions{display:flex;flex-direction:column;gap:.5rem}}.nav-overlay{position:fixed;inset:0;background:#0006;z-index:89;animation:fadeIn .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;font-family:var(--font-body);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-custom);text-align:center}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--secondary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-container);color:var(--on-primary-container)}.btn-secondary{background-color:var(--surface-container);color:var(--primary);border-color:var(--outline-variant)}.btn-secondary:hover{background-color:var(--surface-container-high)}.btn-dark{background-color:var(--primary);color:var(--on-primary)}.btn-dark:hover{background-color:var(--primary-container);color:var(--on-primary-container)}.btn-danger{background-color:var(--error);color:var(--on-error)}.btn-danger:hover{background-color:#93000a;color:#fff}.btn-sm{padding:.25rem .75rem;font-size:.8rem}.btn-lg{padding:.75rem 2rem;font-size:1rem;border-radius:var(--radius-lg)}.card{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-low);transition:var(--transition-custom);display:flex;flex-direction:column;height:100%}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-image-wrapper{height:240px;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .4s ease}.card:hover .card-image{transform:scale(1.05)}.card-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;background-color:#fbf9fbe6;backdrop-filter:blur(4px);color:var(--primary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.dark-mode .card-badge{background-color:#12141ee6;color:var(--primary)}.card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-title{font-family:var(--font-display);font-size:1.35rem;line-height:1.4;margin-bottom:.75rem;transition:var(--transition-custom)}.card-title:hover{color:var(--secondary)}.card-excerpt{font-size:.95rem;color:var(--on-surface-variant);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--on-surface-variant)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-secondary{background-color:var(--secondary-fixed);color:var(--on-secondary-fixed-variant)}.badge-draft{background-color:var(--surface-container-high);color:var(--on-surface-variant)}.badge-published{background-color:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.form-card{background-color:var(--surface-container-lowest);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-low);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;font-size:.875rem;color:var(--primary);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;border:1px solid var(--outline-variant);border-radius:var(--radius-md);background-color:var(--surface-container-low);color:var(--on-surface);transition:var(--transition-custom)}.form-control:focus{outline:none;border-color:var(--primary);background-color:var(--surface-container-lowest);box-shadow:0 0 0 3px #0316321a}.hero-section{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-hover);background-color:var(--surface-container-lowest);margin-bottom:var(--section-gap)}@media(min-width:1024px){.hero-section{flex-direction:row;min-height:520px}}.hero-image-wrapper{position:relative;height:400px;overflow:hidden}@media(min-width:1024px){.hero-image-wrapper{width:55%;height:520px}}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center -60px;transition:transform .6s ease,opacity .4s ease}.hero-image-wrapper:hover .hero-image{transform:scale(1.03)}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--primary) 0%,transparent 100%);opacity:.35;pointer-events:none}.hero-badges{display:flex;gap:.5rem;flex-wrap:wrap}.hero-content{padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}@media(min-width:1024px){.hero-content{width:45%;padding:2.5rem 3rem}}.hero-title{font-size:2.2rem;line-height:1.2;margin:0}.hero-title a{color:var(--primary);text-decoration:none;transition:var(--transition-custom)}.hero-title a:hover{color:var(--secondary)}.hero-excerpt{font-size:1rem;line-height:1.7;color:var(--on-surface-variant);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--outline-variant);margin-top:auto}.hero-author-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--primary-fixed);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--primary);flex-shrink:0}.hero-author-info{display:flex;flex-direction:column;gap:.1rem}.hero-author-name{font-weight:600;font-size:.9rem;color:var(--primary);margin:0}.hero-author-date{font-size:.75rem;color:var(--on-surface-variant);margin:0}.quote-section{background-color:var(--primary-container);color:var(--on-primary-container);padding:5rem 0;text-align:center;position:relative;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:var(--section-gap)}.quote-section blockquote{font-family:var(--font-display);font-size:1.8rem;font-style:italic;max-width:800px;margin:0 auto 1.5rem;padding:0 1.5rem;line-height:1.5}.quote-section cite{font-family:var(--font-body);font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--tertiary-fixed)}.newsletter-card{background-color:#e89c3f;color:var(--on-secondary-fixed);border-radius:var(--radius-lg);padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem;margin-bottom:var(--section-gap)}@media(min-width:768px){.newsletter-card{flex-direction:row;align-items:center;padding:4rem}}.newsletter-info{flex:1}.newsletter-info h2{font-family:var(--font-display);font-size:2rem;color:var(--on-secondary-fixed);margin-bottom:1rem}.newsletter-form-wrapper{flex:1;width:100%}.newsletter-form{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{flex-grow:1;padding:1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body)}.dark-mode .newsletter-input{background-color:var(--surface-container-high);color:var(--on-surface)}.dark-mode .newsletter-card{background-color:#603d1a}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500;color:var(--on-surface-variant);text-decoration:none;margin-bottom:1.5rem;transition:var(--transition-custom);opacity:.7}.back-link:hover{opacity:1;color:var(--primary);gap:.5rem}.back-link .material-symbols-outlined{font-size:16px}.article-header{position:static;margin-bottom:1.5rem;text-align:center;background:none;border:none;backdrop-filter:none;box-shadow:none;padding:0}.article-title{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.75rem;line-height:1.25;color:var(--primary)}@media(min-width:640px){.article-title{font-size:2.25rem}}@media(min-width:1024px){.article-title{font-size:2.75rem}}.article-meta{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;color:var(--on-surface-variant);margin-bottom:1rem;flex-wrap:wrap}@media(min-width:640px){.article-meta{gap:.75rem;font-size:.85rem;margin-bottom:1.5rem}}.article-cover-img{width:100%;max-height:350px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:2.5rem;box-shadow:var(--shadow-low)}@media(min-width:768px){.article-cover-img{max-height:420px}}.article-cover-placeholder{width:100%;height:350px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-container),var(--surface-tint));margin-bottom:3rem;display:flex;align-items:center;justify-content:center;color:#fff}.dark-mode .article-cover-placeholder{background:linear-gradient(135deg,var(--primary-container),var(--surface-container-high));color:var(--on-surface)}.article-content{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--on-surface)}@media(min-width:640px){.article-content{font-size:1.125rem}}.article-content p{margin-bottom:1.5rem;color:var(--on-surface)}.article-content h2,.article-content h3{margin-top:2.5rem;margin-bottom:1rem}.article-content blockquote{border-left:4px solid var(--secondary);padding-left:1.25rem;font-family:var(--font-display);font-style:italic;font-size:1.15rem;margin:1.5rem 0;color:var(--primary)}@media(min-width:640px){.article-content blockquote{padding-left:1.5rem;font-size:1.35rem;margin:2rem 0}}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem}.article-content li{margin-bottom:.5rem}.article-content img{max-width:100%;border-radius:var(--radius-md);margin:2rem 0;transition:transform .4s ease,box-shadow .4s ease,opacity .4s ease}.article-content img:hover{transform:scale(1.01);box-shadow:var(--shadow-hover)}.article-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--outline-variant);margin-top:3rem;flex-wrap:wrap}@media(min-width:640px){.article-actions{gap:1rem}}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert-error{background-color:var(--error-container);color:var(--on-error-container);border:1px solid var(--error)}.alert-success{background-color:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.dark-mode .alert-success{background-color:#051f0e;color:#75b798;border-color:#0a3622}.auth-container{max-width:450px;margin:5rem auto;padding:0 1.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2.2rem;margin-bottom:.5rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--on-surface-variant)}.auth-footer a{color:var(--secondary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid var(--outline-variant);padding-bottom:1rem;gap:1rem}@media(max-width:639px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .btn{width:100%}.page-title{font-size:1.5rem}}.page-title{font-size:2rem}@media(min-width:768px){.page-title{font-size:2.5rem}}footer{background-color:var(--surface-container-low);border-top:1px solid rgba(197,198,206,.2);padding:2.5rem 0 1.5rem;margin-top:4rem}.dark-mode footer{background-color:var(--surface-container-low);border-top-color:#40424a33}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 1fr}}.footer-brand h2{font-size:1.4rem;margin-bottom:.5rem}.footer-brand p{font-size:.85rem;color:var(--on-surface-variant);line-height:1.5}.footer-column h4{font-family:var(--font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.35rem}.footer-links a{font-size:.875rem;color:var(--on-surface-variant)}.footer-links a:hover{color:var(--secondary)}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(197,198,206,.2);text-align:center;font-size:.75rem;color:var(--on-surface-variant);opacity:.8}.dark-mode .footer-bottom{border-top-color:#40424a33}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background-color:var(--surface-container);color:var(--on-surface-variant);cursor:pointer;transition:var(--transition-custom);font-size:1.15rem;line-height:1}.theme-toggle:hover{background-color:var(--surface-container-high);color:var(--primary);border-color:var(--primary)}.dark-mode img{opacity:.9}.dark-mode img:hover{opacity:1}@media(max-width:639px){.hero-section{border-radius:var(--radius-md)}.hero-image-wrapper{height:220px}.hero-content{padding:1.5rem}.hero-title,.article-title{font-size:1.5rem}.article-cover-img{max-height:220px}.article-cover-placeholder{height:220px}.article-actions{flex-direction:column}.article-actions .btn{width:100%}.article-content{font-size:.95rem}.article-content blockquote{font-size:1.05rem}.newsletter-card{padding:2rem 1.25rem}.newsletter-info h2{font-size:1.5rem}.quote-section{padding:3rem 1rem}.quote-section blockquote{font-size:1.3rem}footer{padding:3rem 0 2rem;margin-top:4rem}.footer-grid{gap:2rem}.card-image-wrapper{height:180px}.card-body{padding:1rem}.card-title{font-size:1.15rem}.hero-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.hero-meta .btn{width:100%}.card-meta{flex-direction:column;align-items:flex-start;gap:.35rem}}