.page-hero{text-align:center;padding:clamp(2rem,5vw,3.5rem) clamp(1.2rem,5vw,4rem) clamp(1rem,3vw,2rem);max-width:1180px;margin:0 auto}.page-hero .kicker{display:block;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--scarlet);margin-bottom:1rem}.page-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1;color:var(--white)}.page-hero .accent{color:var(--celeste);text-shadow:0 0 20px rgba(19,187,175,.4)}.page-hero p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{max-width:1350px;margin:0 auto 6rem;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2.5rem}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.post{display:flex;flex-direction:column;background:linear-gradient(145deg,#0a0f1d,#011451);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease;height:100%;position:relative;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 1px #00000080,0 5px 15px #0006;z-index:1}.post:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;background:conic-gradient(from var(--angle),transparent 70%,var(--celeste) 100%);z-index:-2;opacity:0;transition:opacity .3s ease;animation:spin 3s linear infinite}.post:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:linear-gradient(145deg,#0a0f1d,#011451);z-index:-1}.post:hover{transform:translateY(-5px);box-shadow:inset 0 1px 1px #ffffff26,0 10px 30px #0009;border-color:transparent}.post:hover:before{opacity:1}.post .thumb{width:100%;height:200px;background:#0000004d;position:relative;z-index:1;overflow:hidden}.post .thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#f5010a1a,#13bbaf1a);opacity:0;transition:opacity .3s ease}.post:hover .thumb:after{opacity:1}.post .body{padding:1.5rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:1}.post h3{color:#13bbaf;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:1rem;text-wrap:balance;transition:color .3s ease}.post:hover h3{color:var(--celeste)}.post p{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post .read{color:var(--celeste);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem}.post .read:after{content:"→";transition:transform .2s ease}.post:hover .read:after{transform:translate(4px)}.single-post{max-width:95%;margin:8rem auto 6rem;padding:0 2rem;background:#010a23d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;position:relative;z-index:2}.post-header{text-align:left;padding:4rem 2rem 3rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:3rem}.post-header .kicker{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--scarlet);margin-bottom:1rem;background:#f5010a1a;padding:.4rem 1rem;border-radius:20px}.post-header h1{font-size:2.8rem;font-weight:700;line-height:1.2;color:var(--white);margin-bottom:1.5rem}.post-summary{font-size:1.2rem;color:#fffc;line-height:1.6;margin-bottom:2rem;max-width:800px}.post-meta{display:flex;justify-content:flex-start;gap:1.5rem;color:#ffffff80;font-size:.9rem;font-weight:500}.post-content{padding:0 2rem 4rem;color:#ffffffd9;font-size:1.1rem;line-height:1.8;text-align:left}.post-content h2{color:var(--celeste);font-size:1.8rem;margin:3rem 0 1.5rem;font-weight:600}.post-content p{margin-bottom:1.5rem;text-align:left!important}.post-content ul{margin:0 0 2rem 2rem;color:#ffffffd9}.post-content li{margin-bottom:.8rem}.post-content strong{color:var(--white);font-weight:600}.author-bio{display:flex;align-items:center;gap:1.5rem;background:#0003;padding:2rem;border-radius:16px;margin-top:4rem;border:1px solid rgba(255,255,255,.05)}.author-avatar{width:80px;height:80px;border-radius:50%;background:url(/images/loly.webp) center/cover;border:2px solid var(--celeste);flex-shrink:0}.author-text strong{display:block;font-size:1.2rem;color:var(--white);margin-bottom:.5rem}.author-text p{margin:0;font-size:.95rem;color:#ffffffb3;line-height:1.5}.post-footer{text-align:center;padding:0 0 4rem}.back-link{display:inline-block;color:var(--white);text-decoration:none;font-weight:600;padding:.8rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:30px;transition:all .3s ease}.back-link:hover{background:var(--white);color:var(--midnight);transform:translateY(-2px)}@media (max-width: 768px){.page-hero{padding:6rem 1rem 3rem}.page-hero h1{font-size:2.5rem}.blog-grid{padding:0 1rem;grid-template-columns:1fr}.single-post{margin:6rem 1rem 4rem;padding:0}.post-header{padding:3rem 1.5rem 2rem}.post-header h1{font-size:2.2rem}.post-content{padding:0 1.5rem 3rem}.author-bio{flex-direction:column;text-align:center;padding:1.5rem}}