:root{--text: #05061f;--background: #e0e4fa;--primary: #6069c7;--secondary: #b6832f;--accent: #d62489;--link: var(--primary);--link-hover: var(--accent);--surface: #ffffff;--surface-border: rgba(0,0,0,0.08);--surface-shadow: 0 2px 10px rgba(0,0,0,0.05);--text-secondary: #4b5563;--tag-bg: #f1f5f9;--tag-fg: #475569;--btn-primary-bg: #ff6b6b;--btn-primary-bg-hover: #ff5252}@media (prefers-color-scheme: dark){:root{--text: #e1e2fa;--background: #050920;--primary: #38409f;--secondary: #d09c49;--accent: #da288d;--link: #8ab4ff;--link-hover: #b3c7ff;--surface: #0f172a;--surface-border: #243047;--surface-shadow: 0 2px 12px rgba(0,0,0,0.4);--text-secondary: #cbd5e1;--tag-bg: #1f2937;--tag-fg: #e5e7eb;--btn-primary-bg: #ff6b6b;--btn-primary-bg-hover: #ff7b7b}}[data-theme="dark"]{--text: #e1e2fa;--background: #050920;--primary: #38409f;--secondary: #d09c49;--accent: #da288d;--link: #8ab4ff;--link-hover: #b3c7ff;--surface: #0f172a;--surface-border: #243047;--surface-shadow: 0 2px 12px rgba(0,0,0,0.4);--text-secondary: #cbd5e1;--tag-bg: #1f2937;--tag-fg: #e5e7eb;--btn-primary-bg: #ff6b6b;--btn-primary-bg-hover: #ff7b7b}[data-theme="light"]{--text: #05061f;--background: #e0e4fa;--primary: #6069c7;--secondary: #b6832f;--accent: #d62489;--link: var(--primary);--link-hover: var(--accent);--surface: #ffffff;--surface-border: rgba(0,0,0,0.08);--surface-shadow: 0 2px 10px rgba(0,0,0,0.05);--text-secondary: #4b5563;--tag-bg: #f1f5f9;--tag-fg: #475569;--btn-primary-bg: #ff6b6b;--btn-primary-bg-hover: #ff5252}body{font-family:'Inter', sans-serif;font-weight:400;font-size:16px;line-height:1.6;margin:0;padding:0;background-color:var(--background);color:var(--text)}h1,h2,h3,h4,h5{font-family:'Poppins', sans-serif;font-weight:700;color:var(--text);margin-bottom:1rem}h1{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1rem}h2{font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:600;margin-top:3rem;margin-bottom:1.25rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:0.750rem}.container{max-width:1280px;margin:0 auto;padding:3rem 2rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr));gap:2rem clamp(1rem, 2vw, 2.25rem);align-items:stretch}.grid-cards.max-3{--_card-min: 320px;grid-template-columns:repeat(auto-fill, minmax(var(--_card-min), 1fr))}@media (min-width: 0px){.grid-cards.max-3{max-width:100%}}@media (min-width: 1100px){.grid-cards.max-3{max-width:calc(3 * 360px + 2 * 2rem)}}.card>.post-thumbnail img{border-radius:0}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;box-shadow:var(--surface-shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.card__body{padding:1.25rem 1.4rem 1.5rem;flex:1}.card__title{margin:0 0 .5rem;font-size:1.25rem;line-height:1.3}.card__title a{color:inherit;text-decoration:none}.card__title a:hover{text-decoration:underline}.card__meta{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;opacity:.65;margin-bottom:.75rem}.card__excerpt{font-size:.95rem;line-height:1.5;margin:0 0 1rem}.card__actions{margin-top:auto}.card__actions .btn{font-size:.85rem}.post-list{display:grid;gap:2rem 2rem;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));max-width:100%}@media (min-width: 1200px){.post-list{max-width:calc(3 * 360px + 2 * 2rem);margin-inline:auto}}.post-preview{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;padding:0;display:flex;flex-direction:column;gap:0;box-shadow:var(--surface-shadow);transition:transform .18s ease, box-shadow .18s ease;margin:0;overflow:hidden}.post-preview:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}.post-preview .post-content{padding:1.1rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.75rem}.post-preview h2{font-size:1.25rem;margin:0}.post-preview h2 a{text-decoration:none;color:inherit}.post-preview h2 a:hover{text-decoration:underline}.post-preview .post-excerpt{font-size:.95rem;line-height:1.5}.post-preview .read-more{font-size:.85rem;font-weight:600}.main-navigation{background-color:var(--background);border-bottom:2px solid var(--primary);padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 20px}.nav-brand{font-family:'Poppins', sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-brand a{color:var(--primary);text-decoration:none}.nav-brand a .site-name-primary{font-weight:700;color:var(--primary)}.nav-brand a .site-name-secondary{font-weight:400;color:var(--secondary)}.nav-brand a:hover{color:var(--accent)}.nav-brand a:hover .site-name-primary{color:var(--accent)}.nav-brand a:hover .site-name-secondary{color:var(--accent);opacity:0.8}.nav-menu{display:flex;align-items:center}.nav-links{display:flex;flex-direction:row;list-style:none;list-style-type:none;margin:0;padding:0;align-items:center}.nav-item{margin-left:2rem;list-style:none;list-style-type:none;display:inline-block}.nav-item::before{display:none}.nav-link{color:var(--text);text-decoration:none;font-weight:400;transition:color 0.3s ease;display:inline-block}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:700}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;padding:5px}.hamburger-line{width:25px;height:3px;background-color:var(--text);margin:3px 0;transition:0.3s;border-radius:2px}.theme-toggle,.theme-toggle-nav{background:var(--primary);color:var(--background);border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:all 0.3s ease}.theme-toggle:hover,.theme-toggle-nav:hover{background:var(--accent);transform:translateY(-1px)}main{padding:2rem 0}main h1+p{font-size:1.125rem;line-height:1.6;max-width:600px;margin-bottom:4rem;color:#adb5bd}main p,main li,main a{font-size:1.125rem;line-height:1.7}a{color:var(--link);text-decoration:none;transition:color 0.2s ease-in-out}a:hover{color:var(--link-hover);text-decoration:underline}.home{background-color:var(--background);color:var(--text)}.all-posts{margin:3rem 0}.all-posts h2{color:var(--text);margin-bottom:2rem;text-align:center}.post-preview{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:2rem;margin:2rem 0;transition:transform 0.3s ease, box-shadow 0.3s ease}.post-preview:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}p{color:var(--text);margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--accent)}.date,.post-meta{color:var(--secondary);font-size:0.9rem;margin-bottom:1rem}.description{line-height:1.7;margin-bottom:1.5rem}.tag{display:inline-block;background:var(--secondary);color:var(--background);padding:4px 12px;border-radius:20px;font-size:0.8rem;margin-right:8px;margin-bottom:8px;font-weight:500}.post-tags{margin-top:1rem}.post-thumbnail img{width:100%;height:200px;object-fit:cover;display:block}.post-thumbnail{line-height:0}.hero-section{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--background);padding:4rem 2rem;text-align:center;margin-bottom:3rem;border-radius:12px}.hero-section h1{color:var(--background);margin-bottom:1rem;font-size:3.5rem}.hero-section p{color:var(--background);opacity:0.95;font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}.site-title{font-family:'Poppins', sans-serif}.site-name-primary{font-weight:700;color:var(--background)}.site-name-secondary{font-weight:400;color:var(--secondary);opacity:0.9}footer{background-color:var(--primary);color:var(--background);padding:3rem 0 2rem 0;margin-top:4rem;text-align:center}footer p{color:var(--background);margin-bottom:1rem}footer a{color:var(--background);text-decoration:underline}footer a:hover{opacity:0.8}.footer-links{margin:2rem 0}.footer-links a{color:var(--background);margin:0 1rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-brand{font-family:'Poppins', sans-serif}.footer-brand .site-name-primary{font-weight:700;color:var(--background)}.footer-brand .site-name-secondary{font-weight:400;color:var(--secondary);opacity:0.9}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.gallery-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;overflow:hidden;box-shadow:var(--surface-shadow);transition:transform 0.3s ease, box-shadow 0.3s ease;text-decoration:none;color:inherit}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.15);text-decoration:none}.gallery-card img{width:100%;height:200px;object-fit:cover;display:block}.gallery-card-content{padding:1.25rem}.gallery-card h3{margin:0 0 0.5rem 0;font-size:1.2rem;color:var(--text)}.gallery-card .description{font-size:0.9rem;color:var(--text-secondary);margin:0 0 1rem 0;line-height:1.4}.gallery-card .tags{display:flex;flex-wrap:wrap;gap:0.5rem}.gallery-card .tag{background:var(--tag-bg);color:var(--tag-fg);padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:500}.gallery-item{max-width:800px;margin:0 auto;padding:2rem}.gallery-item .main-image{text-align:center;margin-bottom:2rem}.gallery-item .main-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--surface-shadow)}.gallery-item .metadata{background:var(--surface);border:1px solid var(--surface-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.gallery-item .metadata h3{margin-top:0;color:var(--primary)}.gallery-item .metadata .meta-item{margin-bottom:1rem}.gallery-item .metadata .meta-label{font-weight:600;color:var(--text);margin-bottom:0.25rem}.gallery-item .metadata .meta-value{color:var(--text-secondary);font-size:0.9rem}@media (max-width: 768px){.container{padding:0 15px}.nav-container{padding:0 15px}.mobile-menu-toggle{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--background);border-top:1px solid var(--primary);flex-direction:column;padding:1rem 0}.nav-menu.active{display:flex}.nav-item{margin:0.5rem 0;text-align:center}.nav-link{display:block;padding:0.5rem}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.post-preview{flex-direction:column;gap:1rem}.post-thumbnail img{width:100%;height:200px}.post-preview{padding:1.5rem}}