:root{--bg:#0d1023;--panel:#191933;--panel2:#242245;--text:#fcfaff;--muted:#b4afd1;--purple:#865cff;--border:rgba(217,207,255,.15);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,rgba(103,57,238,.15),transparent 45%),var(--bg);color:var(--text);font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button,input{font:inherit}.blog-container{max-width:1220px;padding:0 28px;margin:auto}.blog-header{position:sticky;top:0;background:rgba(17,17,41,.86);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);z-index:20}.blog-header-inner{max-width:1280px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:11px;align-items:center}.brand img{width:49px;height:49px;object-fit:contain;border-radius:14px}.brand b{font:900 24px Arial,sans-serif;letter-spacing:-1px;display:block}.brand small{font-size:10px;color:#b49dff;font-weight:900}.blog-header nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:800}.blog-header nav a:not(.header-cta){color:#c3bddb;transition:.2s}.blog-header nav a:hover{color:#fff}.header-cta,.primary-btn{background:linear-gradient(120deg,#865bff,#5c40d9);color:#fff;padding:12px 19px;border-radius:14px;border:1px solid rgba(255,255,255,.13);font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 30px rgba(102,69,215,.15);transition:transform .2s}.header-cta:hover,.primary-btn:hover{transform:translateY(-2px)}.blog-hero{margin-top:32px;background:linear-gradient(120deg,#24185a,#4526ad 65%,#6b3ce6);border:1px solid rgba(222,199,255,.19);border-radius:32px;min-height:420px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.blog-hero:after{content:'✦';position:absolute;font-size:280px;opacity:.05;top:-120px;right:44%}.blog-hero-copy{padding:56px 55px;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:900;color:#c7b1ff;letter-spacing:.2px}.blog-hero h1{font-size:clamp(34px,5vw,63px);line-height:1.4;letter-spacing:-1.8px;margin:14px 0}.blog-hero h1 em{color:#ffdc8c;font-style:normal}.blog-hero p{font-size:14px;color:#ece8ff;max-width:500px;margin:0 0 25px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary-btn{display:inline-flex;padding:11px 17px;border:1px solid rgba(255,255,255,.3);border-radius:13px;font-weight:800;font-size:12px}.blog-mini-stats{display:flex;gap:24px;margin-top:29px;color:#cfc3ff;font-size:11px}.blog-mini-stats b{color:white;font-size:19px;margin-left:6px}.blog-hero-art{position:relative;display:flex;align-items:end;justify-content:center}.blog-hero-art img{width:100%;height:400px;object-fit:contain;object-position:bottom;position:relative;z-index:2;filter:drop-shadow(0 25px 40px rgba(20,12,74,.3))}.hero-ring{position:absolute;inset:12% 10% 5%;border:35px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-12deg)}.sticker{position:absolute;z-index:3;background:#fff;color:#5231ba;padding:9px 13px;border-radius:16px;font-size:12px;font-weight:900;box-shadow:0 16px 30px rgba(23,9,82,.28)}.sticker-a{top:25%;right:0;transform:rotate(8deg)}.sticker-b{bottom:15%;left:1%;transform:rotate(-7deg)}.articles-section{padding-top:52px;scroll-margin-top:110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-top h2{font-size:27px;letter-spacing:-.6px;margin:5px 0}.section-top p{font-size:13px;margin:4px 0;color:var(--muted)}.article-count{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:100px;padding:5px 13px}.toolbar{display:flex;flex-direction:column;gap:15px;margin-bottom:23px}.search-box{background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;gap:12px;border-radius:16px;padding:10px 16px;max-width:480px;color:#cdbfff;font-size:26px}.search-box:focus-within{border-color:#7952e8}.search-box input{width:100%;background:transparent;color:#fff;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#a8a0c5}.filters{display:flex;gap:7px;overflow:auto;padding-bottom:5px;scrollbar-width:thin}.filters button{background:#1d1c3b;border:1px solid var(--border);white-space:nowrap;color:#b7b2d4;border-radius:100px;padding:8px 14px;cursor:pointer;font-size:11px;font-weight:900}.filters button.active,.filters button:hover{background:#754de0;color:white}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{display:block;background:linear-gradient(165deg,#1b1c3a,#16152e);border:1px solid var(--border);border-radius:23px;overflow:hidden;transition:.2s;min-width:0}.post-card:hover{transform:translateY(-5px);border-color:rgba(160,128,255,.5)}.post-card[hidden]{display:none}.post-cover{height:166px;background:radial-gradient(circle at 65% 40%,#805be5,#392178 62%,#251848);display:flex;align-items:center;justify-content:center;position:relative}.post-card:nth-child(4n+2) .post-cover{background:radial-gradient(circle at 60% 40%,#2e9db1,#22528b 65%,#1b316b)}.post-card:nth-child(4n+3) .post-cover{background:radial-gradient(circle at 60% 40%,#ee9861,#9c376e 65%,#452064)}.post-card:nth-child(4n+4) .post-cover{background:radial-gradient(circle at 60% 40%,#8f6fe9,#6d3c99 65%,#27234f)}.post-emoji{font-size:72px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.3));transition:transform .2s}.post-card:hover .post-emoji{transform:scale(1.1) rotate(-5deg)}.post-cover-detail{position:absolute;bottom:12px;left:15px;direction:ltr;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.7);font-family:Arial,sans-serif;font-weight:800}.post-body{padding:22px}.post-tag{display:inline-flex;padding:4px 10px;border-radius:50px;background:rgba(139,99,253,.13);color:#c6aeff;font-size:10px;font-weight:900}.post-card h2{font-size:17px;line-height:1.65;margin:12px 0 9px}.post-card p{font-size:12px;color:var(--muted);margin:0;min-height:48px}.post-meta{border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;font-size:10px;color:#9d99bb}.post-meta .read-more{margin-right:auto;color:#d9c7ff;font-weight:900}.empty-results{text-align:center;padding:48px;border:1px dashed var(--border);border-radius:20px;color:var(--muted)}.blog-banner{margin:48px 0 70px;border-radius:23px;border:1px solid rgba(205,184,255,.19);padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(110deg,#242054,#432d9e)}.blog-banner span{font-size:11px;color:#c9baff}.blog-banner h2{font-size:21px;margin:4px 0}.blog-banner p{font-size:12px;color:#c2bce5;margin:0}.blog-footer{border-top:1px solid var(--border);background:#121329}.blog-footer-inner{max-width:1180px;margin:auto;padding:35px 24px 26px}.blog-footer b{font-size:14px}.blog-footer p{color:var(--muted);font-size:12px}.blog-footer div div{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin:18px 0}.blog-footer small{font-size:10px;color:#8c88ab}.article-layout{max-width:980px}.breadcrumbs{padding:28px 0;font-size:12px;color:#b0aace}.breadcrumbs a{color:#d5c6ff}.breadcrumbs span{padding:0 9px}.article-paper{background:#191a38;border:1px solid var(--border);border-radius:28px;overflow:hidden}.article-heading{padding:44px 52px 30px}.article-heading h1{font-size:clamp(25px,4vw,39px);line-height:1.7;margin:12px 0}.article-excerpt{font-size:15px;color:#c3bce0}.article-info{display:flex;flex-wrap:wrap;gap:20px;color:#a9a2c8;font-size:11px;margin-top:19px}.article-image{min-height:245px;display:flex;gap:22px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 40%,#7752e5,#362079 68%,#201c4e);font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px}.article-image span{font-size:90px}.article-content{padding:30px 64px 55px;font-size:15px;line-height:2.3;color:#e8e4f6}.article-content p{margin:0 0 24px}.article-content h2{font-size:23px;color:#fff;margin:37px 0 15px}.article-share{margin:0 45px 42px;border:1px solid var(--border);background:#222143;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.article-share button{border:1px solid #7955e6;background:#744ce6;color:#fff;border-radius:12px;padding:9px 13px;cursor:pointer;font-weight:800}.related{margin-top:45px}.related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related .section-top>a{font-size:12px;color:#c9b5ff}.related .post-cover{height:130px}.related .post-emoji{font-size:55px}
@media(max-width:950px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-copy{padding:45px 35px}.blog-hero-art img{height:340px}.sticker-a{right:-5px}}@media(max-width:620px){.blog-header-inner{padding:11px 14px}.brand img{width:38px;height:38px}.brand b{font-size:19px}.blog-header nav{gap:12px;font-size:10px}.blog-header nav a[href="../index.html#/help"]{display:none}.header-cta{padding:8px 10px}.blog-container{padding:0 15px}.blog-hero{grid-template-columns:1fr;min-height:auto;margin-top:15px;border-radius:22px}.blog-hero-copy{padding:30px 24px 10px}.blog-hero h1{font-size:38px;line-height:1.35}.blog-hero p{font-size:12px}.blog-mini-stats{margin-top:18px}.blog-hero-art{height:245px;overflow:hidden}.blog-hero-art img{height:290px}.sticker{font-size:9px;padding:7px 10px}.sticker-a{top:15%;right:10%}.sticker-b{bottom:15%;left:7%}.articles-section{padding-top:36px}.section-top h2{font-size:20px}.article-count{font-size:10px}.post-grid,.related .post-grid{grid-template-columns:1fr;gap:14px}.post-cover{height:146px}.post-card h2{font-size:16px}.post-card p{min-height:auto}.blog-banner{margin:35px 0 50px;padding:21px;flex-direction:column;align-items:stretch}.blog-banner h2{font-size:18px}.article-heading{padding:26px 23px}.article-heading h1{font-size:26px}.article-image{min-height:160px;gap:8px;flex-direction:column}.article-image span{font-size:65px}.article-image b{font-size:9px}.article-content{padding:27px 24px;font-size:14px;line-height:2.15}.article-content h2{font-size:19px}.article-share{margin:0 17px 20px;flex-direction:column;align-items:stretch}.article-share button{width:100%}.breadcrumbs{padding:18px 0}.blog-footer-inner{padding:26px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


/* V11.7.3 — prevent mobile blog header overflowing on small phones. */
@media (max-width:620px){
  .blog-header-inner{min-width:0}
  .blog-header-inner .brand{flex:0 0 auto;min-width:0}
  .blog-header nav{min-width:0;flex:0 1 auto;gap:10px}
  .blog-header nav a[href="/#/help"]{display:none}
  .filters{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
}
@media (max-width:380px){
  .blog-header-inner{gap:8px}
  .blog-header nav a[href="/#/catalog"]{display:none}
  .blog-header nav{gap:8px}
  .blog-header .header-cta{padding:7px 9px;font-size:10px}
  .blog-container{padding-inline:12px}
}


/* V11.8: Paginated article archive, retains the original LIFZO theme. */
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:27px 0 8px;padding:8px}
.blog-pagination[hidden]{display:none}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;border-radius:11px;padding:6px 11px;border:1px solid var(--border);background:#202044;color:#ded4ff;text-decoration:none;font-weight:800;font-size:12px}
.blog-pagination a:hover{background:#382763;border-color:#8157d6}.blog-pagination .current{background:#7853e2;color:#fff;border-color:#946ef8}
.blog-more{background:#7853e2;color:#fff;border:0;border-radius:12px;padding:11px 20px;font:700 13px Cairo,sans-serif;cursor:pointer;margin:12px auto;display:block}
.search-loading{grid-column:1/-1;color:var(--muted);padding:30px;text-align:center}
.blog-header nav{min-width:0}
@media(max-width:430px){.blog-pagination{gap:5px}.blog-pagination a,.blog-pagination span{min-width:31px;min-height:35px;padding:5px 7px}}