:root{--gap:1rem;--radius:16px;--shadow:0 8px 24px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--wp--preset--color--bg);color:var(--wp--preset--color--text)}
a{color:var(--wp--preset--color--primary);text-decoration:none}a:hover{opacity:.9}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(17,24,39,.9),rgba(17,24,39,.75));border-bottom:1px solid rgba(255,255,255,.06)}
.navbar{display:flex;align-items:center;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:700}
.brand img{height:36px;width:36px;border-radius:10px}
nav ul{display:flex;gap:1rem;list-style:none;padding:0;margin:0}
nav a{display:inline-block;padding:.5rem .75rem;border-radius:10px}
nav a.current{background:rgba(255,255,255,.08)}
.hamburger{display:none;cursor:pointer;border:1px solid rgba(255,255,255,.15);padding:.45rem .6rem;border-radius:10px}
@media(max-width:900px){nav{display:none}nav.open{display:block}nav ul{flex-direction:column;padding:1rem 0}.hamburger{display:block;margin-left:auto}}
.hero{padding:4rem 0 2rem;background:radial-gradient(1200px 400px at 20% -10%, rgba(79,70,229,.35), transparent),radial-gradient(900px 300px at 90% -10%, rgba(14,165,233,.25), transparent);border-bottom:1px solid rgba(255,255,255,.06)}
.hero h1{font-size:clamp(2rem,2.5vw + 1rem,3rem);margin:.25rem 0}.hero p{color:var(--wp--preset--color--muted);max-width:60ch}
.btn{background:linear-gradient(135deg,var(--wp--preset--color--primary),var(--wp--preset--color--secondary));border:none;color:white;padding:.75rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;display:inline-block}
.grid{display:grid;gap:1.25rem}.grid.posts{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid.posts{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid.posts{grid-template-columns:1fr}}
.card{background:var(--wp--preset--color--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.card .thumb{aspect-ratio:16/9;background:#0f172a;display:block;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card .content{padding:1rem}
.meta{color:var(--wp--preset--color--muted);font-size:.9rem}
.prose{line-height:1.75}.prose img,.entry-content img{max-width:100%;height:auto;border-radius:12px}
footer.site-footer{margin-top:2rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,24,39,.8),rgba(11,16,32,1))}
.pagination{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}
.pagination a,.pagination span{border:1px solid rgba(255,255,255,.15);padding:.5rem .75rem;border-radius:10px}
.widget-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
blockquote{border-left:4px solid var(--wp--preset--color--primary);padding:.25rem 1rem;margin:1rem 0;color:#cbd5e1}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:.5rem .75rem;text-align:left}
code,kbd,pre{background:rgba(255,255,255,.06);padding:.2rem .4rem;border-radius:8px}
.alert{padding:.75rem 1rem;border-radius:10px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3)}