.landing-game.blog-article-page,.landing-game.blog-page{background:#050b1a;padding:26px clamp(18px,4vw,48px) 72px}.landing-game.blog-article-page .landing-stars,.landing-game.blog-article-page:before,.landing-game.blog-page .landing-stars,.landing-game.blog-page:before{display:none}.blog-article-page{position:relative;min-height:100vh;color:rgba(230,235,245,.95);overflow-x:hidden;padding-bottom:80px}.blog-article-page main,.blog-page main{position:static!important;width:auto!important;height:auto!important;top:auto!important;left:auto!important}.blog-stars{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20% 30%,hsla(0,0%,100%,.15),transparent),radial-gradient(2px 2px at 60% 70%,hsla(0,0%,100%,.1),transparent),radial-gradient(1px 1px at 50% 50%,hsla(0,0%,100%,.2),transparent);background-size:200% 200%,200% 200%,200% 200%;animation:twinkle 120s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.12}@keyframes twinkle{0%,to{opacity:.12}50%{opacity:.08}}.landing-nav .nav-active{color:hsla(39,87%,76%,.98);font-weight:500}.blog-hero{position:relative;z-index:2;text-align:center;padding:60px 40px 50px;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-hero-title{font-size:72px;font-weight:400;color:hsla(39,87%,76%,.98);margin:0 0 20px;letter-spacing:2px;font-family:Cormorant Garamond,Georgia,serif;text-shadow:0 2px 24px hsla(39,87%,76%,.3)}.blog-hero-subtitle{font-size:18px;line-height:1.7;color:rgba(180,200,230,.75);margin:0 auto;max-width:550px;font-weight:300;font-style:italic}.blog-categories{position:-webkit-sticky;position:sticky;top:80px;z-index:10;background:rgba(5,11,26,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(39,87%,76%,.08);padding:16px 0;margin-bottom:40px}.blog-categories-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.blog-category-btn{height:40px;padding:0 24px;border-radius:999px;border:1px solid hsla(39,87%,76%,.2);background:transparent;color:rgba(230,235,245,.75);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease}.blog-category-btn:hover{background:hsla(39,87%,76%,.08);border-color:hsla(39,87%,76%,.35);color:hsla(39,87%,76%,.95);box-shadow:0 0 16px hsla(39,87%,76%,.15)}.blog-category-btn.active{background:hsla(39,87%,76%,.9);border-color:hsla(39,87%,76%,.9);color:rgba(42,29,18,.95)}.blog-layout{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 320px;grid-gap:40px;gap:40px;align-items:start}.blog-main{display:flex;flex-direction:column;gap:16px;width:100%}.blog-card{display:grid;grid-template-columns:240px 1fr;grid-gap:20px;gap:20px;background:#f4e8d0;border-radius:8px;padding:20px;text-decoration:none;transition:all .25s ease;box-shadow:0 2px 8px rgba(120,90,50,.15),0 1px 3px rgba(120,90,50,.1);border:1px solid rgba(120,90,50,.15);min-height:180px;position:relative}.blog-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(120,90,50,.25),0 3px 8px rgba(120,90,50,.15)}.blog-card-thumbnail{width:240px;height:140px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,rgba(30,40,60,.9),rgba(50,60,80,.8));flex-shrink:0}.blog-card-thumbnail img{width:100%;height:100%;object-fit:cover}.blog-card-content{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:4px 0}.blog-card-meta{display:flex;align-items:center;gap:10px}.blog-card-category{font-size:12px;font-weight:700;color:rgba(184,137,67,.9);letter-spacing:1px;text-transform:uppercase}.blog-card-date{font-size:12px;color:rgba(95,82,69,.6)}.blog-card h2{font-size:32px;font-weight:600;color:#2a1d12;margin:0;letter-spacing:-.5px;line-height:1.25;font-family:Cormorant Garamond,Georgia,serif}.blog-card-excerpt{font-size:15px;line-height:1.5;color:#5f5245;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;gap:12px;margin-top:8px}.blog-card-read{font-size:14px;color:rgba(184,137,67,.9);font-weight:600}.blog-card-time{font-size:14px;color:rgba(95,82,69,.6)}.blog-sidebar{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:160px;width:320px}.blog-quote-card{background:#f4e8d0;border-radius:8px;padding:32px 28px;box-shadow:0 2px 8px rgba(120,90,50,.15);border:1px solid rgba(120,90,50,.15)}.blog-quote-text{font-size:16px;line-height:1.9;color:rgba(42,29,18,.8);font-style:italic;margin:0;font-family:Cormorant Garamond,Georgia,serif}.blog-popular{padding:20px;background:rgba(10,15,25,.4);border-radius:8px;border:1px solid hsla(39,87%,76%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-popular-title{font-size:14px;font-weight:700;color:hsla(39,87%,76%,.95);margin:0 0 16px;letter-spacing:1px;text-transform:uppercase}.blog-popular-list{display:flex;flex-direction:column;gap:14px}.blog-popular-item{display:grid;grid-template-columns:60px 1fr;grid-gap:12px;gap:12px;text-decoration:none;transition:opacity .2s ease}.blog-popular-item:hover{opacity:.75}.blog-popular-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,rgba(30,40,60,.8),rgba(50,60,80,.6));flex-shrink:0}.blog-popular-thumb img{width:100%;height:100%;object-fit:cover}.blog-popular-info{display:flex;flex-direction:column;gap:4px;justify-content:center}.blog-popular-item h3{font-size:14px;font-weight:500;color:rgba(230,235,245,.92);margin:0;line-height:1.4}.blog-popular-item-date{font-size:11px;color:rgba(180,200,230,.5)}.blog-categories-widget{padding:20px;background:rgba(10,15,25,.4);border-radius:8px;border:1px solid hsla(39,87%,76%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-categories-widget-title{font-size:14px;font-weight:700;color:hsla(39,87%,76%,.95);margin:0 0 14px;letter-spacing:1px;text-transform:uppercase}.blog-categories-list{display:flex;flex-direction:column;gap:8px}.blog-categories-list a{display:flex;justify-content:space-between;padding:8px 0;color:rgba(230,235,245,.75);text-decoration:none;font-size:14px;transition:color .2s ease;border-bottom:1px solid hsla(39,87%,76%,.05)}.blog-categories-list a:last-child{border-bottom:none}.blog-categories-list a:hover{color:hsla(39,87%,76%,.95)}.blog-categories-list span{color:rgba(180,200,230,.4);font-size:13px}.blog-newsletter{padding:20px;background:rgba(10,15,25,.4);border-radius:8px;border:1px solid hsla(39,87%,76%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-newsletter-title{font-size:14px;font-weight:700;color:hsla(39,87%,76%,.95);margin:0 0 8px;letter-spacing:1px;text-transform:uppercase}.blog-newsletter-text{font-size:13px;line-height:1.5;color:rgba(180,200,230,.65);margin:0 0 14px}.blog-newsletter-form{display:flex;flex-direction:column;gap:8px}.blog-newsletter-input{width:100%;padding:10px 12px;background:rgba(0,0,0,.3);border:1px solid hsla(39,87%,76%,.18);border-radius:5px;color:rgba(230,235,245,.95);font-size:13px;outline:none;transition:all .2s ease}.blog-newsletter-input::placeholder{color:rgba(180,200,230,.35)}.blog-newsletter-input:focus{border-color:hsla(39,87%,76%,.4);background:rgba(0,0,0,.4)}.blog-newsletter-button{width:100%;padding:10px;background:linear-gradient(135deg,hsla(39,87%,76%,.9),hsla(39,65%,67%,.95));border:none;border-radius:5px;color:rgba(42,29,18,.95);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.5px;text-transform:uppercase}.blog-newsletter-button:hover{background:linear-gradient(135deg,#f7d28b,#e2bd76);transform:translateY(-1px);box-shadow:0 4px 12px hsla(39,87%,76%,.3)}.blog-footer{position:relative;z-index:5;text-align:center;padding:60px 20px 40px;border-top:1px solid hsla(39,87%,76%,.08);margin-top:80px;width:100%}.blog-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-bottom:24px}.blog-footer-nav a{color:rgba(180,200,230,.6);font-size:13px;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;font-weight:500;transition:color .3s ease}.blog-footer-nav a:hover{color:hsla(39,87%,76%,.95)}.blog-footer p{margin:0;font-size:14px;color:rgba(180,200,230,.5)}@media (max-width:1200px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;max-width:600px;margin:0 auto}}@media (max-width:768px){.blog-hero{padding:40px 24px 35px}.blog-hero-title{font-size:48px}.blog-categories-inner,.blog-layout{padding:0 24px}.blog-card{grid-template-columns:1fr;min-height:auto;max-height:none}.blog-card-thumbnail{width:100%;height:180px}.blog-card h2{font-size:28px}.blog-card-excerpt{font-size:16px}}