:root{--bg:#150026;--bg-2:#2a0038;--text:#e8d6ff;--muted:#c9b6e6;--accent:#8a5cff;--accent-2:#ffd000;--card:rgba(255,255,255,.08);--border:rgba(180,150,240,.5);--shadow:0 8px 28px rgba(0,0,0,.5);}html,body{height:100%;}html{color-scheme:dark;}body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;color:var(--text);background-color:#0a0012;background-image:radial-gradient(circle at 20% 0%,rgba(138,92,255,.25),transparent 30%),radial-gradient(circle at 80%10%,rgba(255,212,0,.15),transparent 25%),repeating-linear-gradient(to bottom,rgba(255,255,255,.03)0 2px,transparent 2px 4px);background-size:cover;background-blend-mode:overlay;}\nheader,nav,main,article,aside,footer{border-radius:14px;border:1px solid rgba(170,120,255,.5);background:rgba(12,6,20,.32);padding:1rem;margin:.75rem auto;max-width:clamp(320px,92vw,1100px);box-shadow:0 12px 28px rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}@supports not (backdrop-filter:blur(12px)){header,nav,main,article,aside,footer{background:rgba(12,6,20,.75);border-color:rgba(170,120,255,.6);}}header{text-align:center;padding:1.25rem;}h1{font-size:clamp(1.6rem,4vw+1rem,2.75rem);line-height:1.08;margin:0.25rem 0 0.5rem;letter-spacing:.2px;color:var(--text);} .meta{color:var(--muted);font-size:clamp(.9rem,1.5vw,1.05rem);}main{padding:0 1rem;} .featured-image{display:block;margin:0 auto 1rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px rgba(0,0,0,.4);} .image-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#111;display:block;box-shadow:inset 0 0 12px rgba(0,0,0,.25),0 0 20px rgba(122,0,255,.25);} .image-frame img{width:100%;height:100%;object-fit:cover;display:block;}h2{font-size:clamp(1.4rem,3vw+0.8rem,2.2rem);color:var(--text);margin-top:.75rem;}p{font-size:clamp(1rem,1.8vw,1.125rem);color:var(--muted);line-height:1.6;margin:.5rem 0;}blockquote{margin:.5rem 0 1rem;padding:.5rem 1rem;border-left:3px solid var(--accent);background:rgba(127,0,128,.15);border-radius:8px;color:#f6e6ff;}section{margin-top:.75rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.15);}ul{padding-left:1.25rem;margin:.25rem 0 1rem;color:var(--muted);}li{margin:.25rem 0;}footer{padding:1rem;}.product-ad,.sponsored-page{display:inline-block;width:48%;min-width:240px;margin:.25rem;text-align:center;border-radius:12px;padding:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:var(--shadow);} .product-ad a,.sponsored-page a{color:#fff;text-decoration:none;display:block;} .product-ad p,.sponsored-page p{margin:0;font-weight:600;}a,input,button,.btn,.cta{cursor:pointer}a,button,.btn,.cta{color:#fff;text-decoration:none;display:inline-block;padding:.6rem .9rem;border-radius:10px;border:1px solid rgba(180,150,240,.6);transition:transform .15s ease,filter .2s ease;}a:hover,button:hover,.btn:hover,.cta:hover{filter:brightness(1.05);transform:translateY(-1px);}a:focus-visible,button:focus-visible,.btn:focus-visible,.cta:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;} .btn{background:linear-gradient(135deg,var(--accent),#5b2bd4);border-color:rgba(150,120,240,.8);} .btn.secondary{background:transparent;border-color:rgba(180,150,240,.8);color:var(--text);} .cta{background:linear-gradient(135deg,#301b5e,#7a4bd5);border-color:rgba(110,80,200,.9);} .tag{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:rgba(139,92,246,.25);border:1px solid rgba(180,160,255,.5);color:#fff;font-size:.75rem;}.container{width:100%;max-width:clamp(320px,92vw,1100px);margin:0 auto;padding:0 1rem;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;} .card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}@media (prefers-color-scheme:light){:root{--bg:#f6f0ff;--bg-2:#e9e0ff;--text:#240a52;--muted:#5b4988;--accent:#4b2ce6;--accent-2:#1e1e1e;--card:rgba(255,255,255,.95);--border:rgba(0,0,0,.12);}body{background-color:#f8f5ff;color:var(--text);}header,nav,main,article,aside,footer{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.12);backdrop-filter:none;}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;}}@media print{body{color:#000;background:#fff;}a{text-decoration:underline;}}