*,:after,:before{box-sizing:border-box}.blog-container{background:linear-gradient(180deg,#020c1e,#030f24);min-height:100vh;padding:108px 0 clamp(48px,6vw,80px);color:#e9f1f8;font-family:Roboto Condensed,Roboto,system-ui,sans-serif;position:relative;overflow:hidden}.blog-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(125,211,252,.06) 1px,transparent 0);background-size:32px 32px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 100%)}.blog-header{text-align:center;padding:clamp(32px,4vw,56px) 0 clamp(32px,4vw,48px);position:relative}.blog-eyebrow{font-size:11px;letter-spacing:4px;color:rgba(125,211,252,.5);margin:0 0 12px}#blog-title,.blog-eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase}#blog-title{display:block;font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:6px;text-align:center;margin:0 auto 14px;color:#e0f2fe;text-shadow:0 0 40px rgba(125,211,252,.25);position:relative;width:-moz-fit-content;width:fit-content}#blog-title:after{content:"";display:block;height:2px;margin-top:12px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.6),transparent)}.blog-subtitle{font-family:Roboto Condensed,sans-serif;font-size:14px;color:rgba(186,230,253,.45);margin:14px 0 0;letter-spacing:.5px}.blog-posts{width:min(1060px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.blog-post{border-radius:16px;border:1px solid rgba(125,211,252,.1);background:radial-gradient(ellipse at 50% 0,rgba(125,211,252,.05) 0,transparent 55%),linear-gradient(175deg,#0c1a30,#070d1c);box-shadow:0 8px 32px rgba(0,0,0,.45),inset 0 1px 0 rgba(125,211,252,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease;position:relative;overflow:hidden}.blog-post:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.45),transparent);pointer-events:none}.blog-post:hover{transform:translateY(-4px);border-color:rgba(125,211,252,.25);box-shadow:0 16px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(125,211,252,.08)}.blog-post a{display:flex;flex-direction:column;padding:20px 20px 18px;color:inherit;text-decoration:none;height:100%}.blog-post h5{font-family:Oswald,sans-serif;font-size:clamp(14px,1.3vw,17px);font-weight:600;letter-spacing:.3px;line-height:1.35;margin:0 0 10px;color:rgba(224,242,254,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}.blog-post:hover h5{color:#ffffff}.blog-post p{margin:0;font-size:13px;line-height:1.55;color:rgba(186,230,253,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.blog-post .blog-date{display:block;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(125,211,252,.45);margin-top:14px;flex:none}.blog-post a:focus-visible{outline:2px solid rgba(125,211,252,.6);outline-offset:3px;border-radius:14px}.pagination-controls{width:min(1060px,92vw);margin:32px auto 0;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-controls::-webkit-scrollbar{display:none}.pagination-controls{scrollbar-width:none}.pagination-controls button,.pagination-controls span{flex:0 0 auto}.pagination-controls span{color:rgba(125,211,252,.4);font-weight:800;padding:0 4px}.pagination-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(125,211,252,.15);background:rgba(125,211,252,.04);color:rgba(186,230,253,.7);font-family:Oswald,sans-serif;font-size:12px;font-weight:500;letter-spacing:1px;height:36px;min-width:36px;padding:0 12px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.pagination-controls button:hover{background:rgba(125,211,252,.1);border-color:rgba(125,211,252,.35);color:#e0f2fe;transform:translateY(-1px)}.pagination-controls button.active-page{background:rgba(125,211,252,.18);border-color:rgba(125,211,252,.5);color:#7dd3fc;box-shadow:0 0 14px rgba(125,211,252,.2)}.pagination-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none}.blog-cta{width:min(700px,88vw);margin:clamp(48px,6vw,72px) auto 0;padding:clamp(32px,4vw,48px) clamp(24px,4vw,48px);text-align:center;border-radius:20px;border:1px solid rgba(251,191,36,.22);background:radial-gradient(ellipse at 50% -10%,rgba(251,191,36,.12) 0,transparent 55%),linear-gradient(175deg,#0f1b38,#080d1e);box-shadow:0 0 0 1px rgba(251,191,36,.06),0 16px 48px rgba(0,0,0,.5),0 0 40px rgba(251,191,36,.06);position:relative}.blog-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent)}.blog-cta-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(251,191,36,.6)}.blog-cta-heading,.blog-cta-label{font-family:Oswald,sans-serif;margin:0 0 10px}.blog-cta-heading{font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 0 24px rgba(251,191,36,.2)}.blog-cta-sub{font-family:Roboto Condensed,sans-serif;font-size:14px;color:rgba(186,230,253,.5);margin:0 0 24px}.blog-cta-btn{display:inline-block;padding:13px 36px;border-radius:10px;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-decoration:none;color:#4a1a00;background:linear-gradient(150deg,#fffbeb,#fde68a 12%,#fbbf24 28%,#f59e0b 48%,#d97706 65%,#f59e0b 80%,#fde68a 92%,#fef9c3);border-color:rgba(255,255,255,.7) rgba(161,72,6,.35) rgba(120,53,15,.5) rgba(255,255,255,.5);border-style:solid;border-width:1.5px;box-shadow:0 4px 0 #a04708,0 8px 0 #5a2405,0 12px 24px rgba(0,0,0,.4),0 0 24px rgba(251,191,36,.15);transition:transform .15s,box-shadow .15s}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a04708,0 10px 0 #5a2405,0 16px 32px rgba(0,0,0,.45),0 0 32px rgba(251,191,36,.22)}@media (max-width:900px){.blog-posts{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:560px){.blog-container{padding-top:108px}.blog-posts{grid-template-columns:1fr;gap:10px}.blog-post a{padding:16px 16px 14px}}@media (prefers-reduced-motion:reduce){.blog-cta-btn,.blog-post,.pagination-controls button{transition:none!important}.blog-cta-btn:hover,.blog-post:hover,.pagination-controls button:hover{transform:none!important}}