:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-color:#f4f5f7;--text-color:#1a1a1a;--accent:#1a7a17;--accent-dark:#146012;--header-h:60px;--cat-nav-h:52px;--card-radius:16px;--shadow-sm:0 2px 12px #0000000f;--shadow-md:0 8px 32px #0000001a;--shadow-lg:0 20px 60px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s,color .5s;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:var(--header-h);z-index:100;-webkit-backdrop-filter:blur(14px);color:#fff;background:#0f141ecc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:0 5%;display:flex;position:fixed;top:0;left:0}.site-header .logo a{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:800}.site-header .logo span{opacity:.8;font-weight:300}.main-nav{align-items:center;gap:1rem;display:flex}.nav-toggle{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:.4rem;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-cat-nav{display:none}#hero{-webkit-user-select:none;user-select:none;background:#1a1228;width:100%;height:90vh;min-height:480px;position:relative;overflow:hidden}.layer{will-change:transform;pointer-events:none;position:absolute;inset:0}#personImg{z-index:50;pointer-events:none;will-change:transform;image-rendering:auto;width:auto;height:68%;position:absolute;bottom:0;right:14%;transform:translate(50%)}#monitorHit{z-index:70;cursor:pointer;border:2px solid #0000;border-radius:6px;transition:border-color .2s;position:absolute}.hero-text{z-index:90;pointer-events:none;max-width:360px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.hero-text h1{color:#f5f0e8;letter-spacing:-1px;font-family:Fraunces,serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.1}.hero-text h1 em{color:#f4c55a;font-style:normal}.hero-text p{color:#b8aed0;margin-top:10px;font-size:1.1rem;line-height:1.6}.hero-cta{color:#1a1228;pointer-events:all;cursor:pointer;background:#f4c55a;border-radius:8px;margin-top:16px;padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .2s;display:inline-block}.hero-cta:hover{opacity:.88}#hero-hint{color:#ffffff47;z-index:100;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.sticky-cat-nav{top:var(--header-h);z-index:90;height:var(--cat-nav-h);-webkit-backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;background:#ffffffeb;border-bottom:1px solid #00000012;justify-content:center;align-items:center;gap:.35rem;padding:0 5%;display:flex;position:sticky;overflow-x:auto;box-shadow:0 4px 24px #0000000f}.sticky-cat-nav::-webkit-scrollbar{display:none}.sticky-cat-nav a{color:#444;border:1px solid #0000;border-radius:50px;flex-shrink:0;align-items:center;padding:.35rem 1rem;font-size:.88rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.sticky-cat-nav a:hover{color:var(--accent-dark);background:#2bba251a}.sticky-cat-nav a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-spacer{height:var(--header-h)}.container{max-width:1200px;margin:3rem auto;padding:0 2rem}.latest-posts h2{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;display:grid}@media (width>=900px){.post-grid .post-card:first-child{grid-column:span 2}.post-grid .post-card:first-child .post-card-img{aspect-ratio:2}.post-grid .post-card:first-child .post-card-body h3{font-size:1.7rem}}.post-card{border-radius:var(--card-radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.post-card-inner{color:inherit;flex-direction:column;flex:1;display:flex}.post-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,#e0e4ea 0%,#c8cdd6 100%);position:relative;overflow:hidden}.post-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.post-card:hover .post-card-img img{transform:scale(1.06)}.post-card-no-img{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100%}.post-cat-badge{background:var(--accent);color:#fff;letter-spacing:.02em;text-transform:uppercase;z-index:1;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:.85rem;left:.85rem;box-shadow:0 2px 8px #2bba2566}.post-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.4rem 1.5rem 1.5rem;display:flex}.post-date{color:#767676;letter-spacing:.02em;font-size:.78rem;font-weight:500}.post-card-body h3{font-family:var(--font-heading);color:#111;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.post-card-body p{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card-cta{color:var(--accent);align-items:center;gap:.3rem;margin-top:.75rem;font-size:.85rem;font-weight:700;transition:gap .2s;display:inline-flex}.post-card:hover .post-card-cta{gap:.55rem}.article-view{margin-top:calc(var(--header-h) + 2rem);padding-bottom:4rem}.article-cover{object-fit:cover;border-radius:var(--card-radius);width:100%;height:420px;box-shadow:var(--shadow-md);margin-bottom:2rem}.article-header{margin-bottom:2rem}.article-meta{color:#666;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.92rem;font-weight:500;display:flex}.article-meta strong{color:#111}.meta-sep{color:#ccc;font-size:.8rem}.article-header h1{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2}.article-content{color:#333;max-width:720px;margin:0 auto;font-size:1.15rem;line-height:1.85}.article-content h2,.article-content h3{font-family:var(--font-heading);letter-spacing:-.01em;margin:2.5rem 0 1rem}.article-content p{margin-bottom:1.5rem}.article-content a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:.1rem auto;display:block;box-shadow:0 4px 12px #0000000d}.article-content figure{text-align:center;margin:2.5rem 0}.article-content figcaption{color:#777;margin-top:.75rem;font-size:.88rem;font-style:italic}.site-footer{color:#a0aec0;background:#0d0f1a;border-top:1px solid #ffffff0f;margin-top:4rem}.footer-inner{grid-template-columns:1fr auto auto;align-items:start;gap:3rem;max-width:1200px;margin:0 auto;padding:3.5rem 2rem 2rem;display:grid}.footer-logo{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.footer-logo span{opacity:.65;font-weight:300}.footer-tagline{color:#718096;max-width:340px;font-size:.84rem;line-height:1.75}.footer-nav{flex-direction:column;gap:.7rem;min-width:120px;display:flex}.footer-nav-title{text-transform:uppercase;letter-spacing:.1em;color:#4a5568;margin-bottom:.25rem;font-size:.72rem;font-weight:700}.footer-nav a{color:#718096;font-size:.87rem;transition:color .18s}.footer-nav a:hover{color:var(--accent)}.footer-stack{flex-direction:column;gap:.4rem;min-width:110px;display:flex}.footer-stack-title{text-transform:uppercase;letter-spacing:.1em;color:#4a5568;margin-bottom:.25rem;font-size:.72rem;font-weight:700}.footer-tags{flex-direction:column;gap:.35rem;display:flex}.footer-tags span{color:#718096;font-size:.8rem}.footer-bottom{text-align:center;color:#4a5568;border-top:1px solid #ffffff0d;padding:1.25rem 2rem;font-size:.8rem}.footer-bottom p+p{color:#2d3748;letter-spacing:.04em;margin-top:.3rem;font-size:.74rem}@media (width<=700px){.footer-inner{grid-template-columns:1fr;gap:2rem;padding-bottom:1.5rem}}.related-posts{border-top:1px solid #eaeaea;padding-top:3rem;padding-bottom:4rem}.related-title{font-family:var(--font-heading);letter-spacing:-.02em;color:#111;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.related-card{box-shadow:var(--shadow-sm);color:inherit;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden}.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.related-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,#e0e4ea 0%,#c8cdd6 100%);overflow:hidden}.related-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.related-card:hover .related-card-img img{transform:scale(1.05)}.related-card-no-img{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100%}.related-card-body{flex-direction:column;flex:1;gap:.35rem;padding:1rem;display:flex}.related-cat{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.7rem;font-weight:700}.related-card-body h3{font-family:var(--font-heading);color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.related-card-body p{color:#767676;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.related-card-skeleton .related-card-img.skeleton-block{aspect-ratio:16/9;border-radius:0}.affiliate-card{background:#fffdf5;border:1px solid #ffe8b3;border-radius:14px;margin:3rem 0;overflow:hidden;box-shadow:0 4px 20px #ff990014}.affiliate-top-bar{background:#fff9e6;border-bottom:1px solid #ffe8b3;justify-content:space-between;align-items:center;display:flex}.affiliate-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#f90;padding:.5rem 1rem;font-size:.65rem;font-weight:800}.affiliate-adherence{color:#b36b00;padding-right:1rem;font-size:.75rem;font-weight:600}.affiliate-main{align-items:center;gap:2rem;display:flex}.affiliate-img{background:#fff;border:1px solid #eee;border-radius:10px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.affiliate-img img{object-fit:contain;width:100%;height:100%;padding:8px}.affiliate-info{flex:1}.affiliate-info h3{font-family:var(--font-heading);color:#111;margin:0 0 .6rem;font-size:1.3rem;font-weight:800;line-height:1.2}.affiliate-info p{color:#444;font-size:.95rem;line-height:1.6;margin:0!important}.affiliate-footer-btn{background:#232f3e;border-top:1px solid #ffe8b3;justify-content:center;align-items:center;gap:.8rem;font-size:1rem;font-weight:700;transition:background .2s;display:flex;color:#fff!important;text-decoration:none!important}.affiliate-footer-btn:hover{background:#131a22}@media (width<=650px){.affiliate-main{text-align:center;flex-direction:column;padding:1.5rem}.affiliate-main .affiliate-info{flex-direction:column;align-items:center;display:flex}.affiliate-img{width:100px;height:100px}}@media (width<=768px){.nav-toggle{display:flex}.main-nav{-webkit-backdrop-filter:blur(24px);z-index:150;opacity:0;pointer-events:none;background:#060a10fa;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100vw;height:100vh;padding:0;transition:opacity .4s,transform .4s;display:flex;position:fixed;top:0;left:0;transform:translateY(-8px)}.main-nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.main-nav>a,.mobile-cat-nav a{opacity:0;transition:opacity .5s,transform .5s,color .2s;transform:translateY(-20px)}.main-nav.open>a,.main-nav.open .mobile-cat-nav a{opacity:1;transform:translateY(0)}.main-nav>a{color:#ffffffe6;letter-spacing:-.02em;text-align:center;border:none;width:auto;padding:.5rem 0;font-size:2rem;font-weight:700}.main-nav>a:hover,.main-nav>a.active{color:var(--accent)}.mobile-cat-nav{border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;width:70%;max-width:320px;margin-top:2rem;padding-top:1.5rem;display:flex}.mobile-cat-nav a{text-align:center;color:#ffffff80;background:0 0;border-bottom:none;width:100%;padding:.6rem 0;font-size:1.1rem;font-weight:500;display:block}.mobile-cat-nav a:hover,.mobile-cat-nav a.active{color:var(--accent);background:0 0}.post-grid{grid-template-columns:1fr}.post-grid .post-card:first-child{grid-column:span 1}.post-grid .post-card:first-child .post-card-img{aspect-ratio:16/9}.post-grid .post-card:first-child .post-card-body h3{font-size:1.25rem}.article-cover{border-radius:12px;height:220px}.container{margin:2rem auto;padding:0 1.25rem}.sticky-cat-nav{display:none}.hero-content h1{font-size:clamp(2rem,10vw,3rem)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-block,.skeleton-line{background:linear-gradient(90deg,#e8eaed 25%,#f4f5f7 50%,#e8eaed 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.post-card-skeleton .post-card-img.skeleton-block{aspect-ratio:16/9;border-radius:0;width:100%}.post-card-skeleton .post-card-body{flex-direction:column;gap:.6rem;padding:1.4rem 1.5rem;display:flex}