.page-header{padding-top:clamp(100px,12vw,160px);padding-bottom:clamp(40px,6vw,60px);text-align:center}.hero-tag{display:inline-block;padding:4px 12px;border-radius:100px;background:rgba(34,211,238,.1);color:var(--accent-cyan);font-size:12px;font-weight:700;margin-bottom:16px;border:1px solid rgba(34,211,238,.2)}.page-title{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:700;margin-bottom:24px;color:#fff;line-height:1.1}.page-sub{color:var(--text-muted);font-size:18px;max-width:600px;margin:0 auto}.text-gradient-flow{background:linear-gradient(90deg,#fff,#94a3b8,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textFlow 5s linear infinite}@keyframes textFlow{to{background-position:200%}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:100px}.blog-card{background:linear-gradient(145deg,rgba(30,41,59,.6),rgba(15,23,42,.8));border:1px solid var(--border-glass);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.blog-card:active,.blog-card:focus-within,.blog-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}@media (hover:none) and (pointer:coarse){.blog-card{border-color:rgba(96,165,250,.3)}.blog-card:active{transform:translateY(-2px)}}.card-image{height:200px;background:#1e293b;position:relative;display:flex;align-items:center;justify-content:center}.img-grad-1{background:radial-gradient(circle at top right,rgba(96,165,250,.4),#1e293b)}.img-grad-2{background:radial-gradient(circle at bottom left,rgba(34,211,238,.4),#1e293b)}.img-grad-3{background:radial-gradient(circle at center,rgba(192,132,252,.4),#1e293b)}.img-grad-4{background:radial-gradient(circle at top left,rgba(52,211,153,.4),#1e293b)}.card-icon{font-size:48px;color:#fff;opacity:.8}.card-body{padding:24px;flex:1;display:flex;flex-direction:column}.card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:12px}.card-tag{color:var(--accent-cyan);font-weight:600;text-transform:uppercase}.card-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.card-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.card-link{margin-top:auto;font-size:14px;color:var(--accent-blue);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.card-link:active,.card-link:hover{color:#fff}.card-featured{grid-column:span 2;display:flex;flex-direction:row}.card-featured .card-image{width:50%;height:auto;min-height:300px}.card-featured .card-body{width:50%;justify-content:center}.subscribe-section{background:rgba(34,211,238,.05);border:1px solid var(--border-glass);border-radius:24px;text-align:center;margin-bottom:80px;position:relative;overflow:hidden}.sub-input-group{display:flex;justify-content:center;gap:12px;margin-top:32px;max-width:500px;margin-left:auto;margin-right:auto}.sub-input{flex:1;padding:12px 20px;border-radius:8px;border:1px solid var(--border-glass);background:rgba(15,23,42,.8);color:#fff;outline:none;font-family:var(--font-body);font-size:14px;transition:border-color .2s}.sub-input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.sub-input::placeholder{color:hsla(0,0%,100%,.3)}.sub-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(34,211,238,.1)}@media (max-width:768px){.page-header{padding-top:120px;padding-bottom:40px}.blog-grid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}.card-featured{grid-column:span 1;flex-direction:column}.card-featured .card-image{width:100%;height:200px;min-height:200px}.card-featured .card-body{width:100%}.sub-input-group{flex-direction:column}.subscribe-section{padding:40px 24px;margin-bottom:60px}}@media (prefers-reduced-motion:reduce){.text-gradient-flow{animation:none;-webkit-text-fill-color:#fff}}