:root{--bg:#05060a;--panel:#0e1018;--txt:#f2f4ff;--muted:#96a0be;--accent:#8f6bff;--mint:#70ffd2;--card:#101523}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--txt)}
.ambient{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(143,107,255,.35),transparent 35%),radial-gradient(circle at 85% 0,rgba(112,255,210,.2),transparent 35%);pointer-events:none;z-index:-1}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;width:min(1200px,calc(100% - 1.5rem));margin:1rem auto;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.16);background:rgba(5,6,10,.75);backdrop-filter:blur(12px)}
.logo{text-decoration:none;color:var(--txt);font-family:Syne,sans-serif;font-weight:800}nav{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none}
main{width:min(1200px,calc(100% - 1.5rem));margin:0 auto}.hero{padding:4rem 0}.tag{letter-spacing:.16em;text-transform:uppercase;color:var(--mint);font-size:.75rem}
h1,h2,h3{font-family:Syne,sans-serif;line-height:1.02;margin:0}h1{font-size:clamp(2.2rem,8vw,6rem);max-width:12ch}.hero p{max-width:62ch;color:var(--muted)}
.marquee{margin-top:1.2rem;white-space:nowrap;overflow:hidden;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:.7rem 0}.marquee span{display:inline-block;animation:scroll 18s linear infinite;letter-spacing:.18em;font-size:.74rem;color:#c5cfff}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0 3rem}.gallery-item{border:1px solid rgba(255,255,255,.13);background:var(--panel);overflow:hidden;transform-style:preserve-3d;transition:transform .3s}.gallery-item:hover{transform:translateY(-4px)}.gallery-item img{width:100%;height:290px;object-fit:cover}.gallery-item div{padding:.9rem}
.blog-wrap{padding-bottom:4rem}.heading p{color:var(--muted)}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.post-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#101428,#090b12);display:flex;flex-direction:column}.post-card img{width:100%;height:180px;object-fit:cover}.post-card .body{padding:.8rem}.row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.row.two>*{flex:1}
.btn,.chip{border:1px solid rgba(255,255,255,.2);padding:.55rem .85rem;color:var(--txt);background:transparent;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}.btn{border:none;background:linear-gradient(120deg,var(--accent),#6345da)}
.hidden{display:none!important}
.profile{position:relative}.dropdown{position:absolute;right:0;top:2.5rem;display:grid;gap:.4rem;background:#0c0f17;border:1px solid rgba(255,255,255,.2);padding:.6rem;min-width:220px}
#auth-modal,#post-modal{width:min(920px,94vw);border:1px solid rgba(255,255,255,.2);background:#0a0c13;color:var(--txt)}
.auth-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.single-col{grid-template-columns:1fr}.panel{display:grid;gap:.6rem;padding:.7rem;background:#0f1422;border:1px solid rgba(255,255,255,.1)}.admin-panel{margin-top:.5rem}.subtle{color:var(--muted);margin:0}
input,textarea{width:100%;background:#121725;border:1px solid rgba(255,255,255,.15);color:var(--txt);padding:.65rem}
#post-modal-content img{width:100%;max-height:340px;object-fit:cover}
#post-modal-content h1,#post-modal-content h2,#post-modal-content h3{margin:1rem 0 .5rem}#post-modal-content p{line-height:1.7}

.admin-body{padding:1rem;background:radial-gradient(circle at 10% 10%, rgba(143,107,255,.2), transparent 40%), #070911}
.admin-shell{display:grid;grid-template-columns:290px 1fr;gap:1rem;width:min(1400px,100%);margin:0 auto}
.admin-sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);padding:1.2rem;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#0f1422,#0a0d15);display:flex;flex-direction:column;gap:1rem}
.admin-sidebar h2{margin:0}.admin-sidebar p{margin:0;color:var(--muted)}.admin-sidebar nav{display:grid;gap:.5rem}
.admin-main{display:grid;gap:1rem}
.admin-card{padding:1.2rem;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#12182b,#0a0e18);border-radius:12px}
.admin-card header p{color:var(--muted);margin:.45rem 0 0}
.stack{display:grid;gap:.7rem}.editor{min-height:330px;border:1px solid rgba(255,255,255,.2);padding:.9rem;background:#0a0d15;line-height:1.65}.toolbar{display:flex;gap:.45rem;flex-wrap:wrap}
.manage-list{list-style:none;padding:0;display:grid;gap:.7rem}.manage-list li{display:flex;justify-content:space-between;gap:.6rem;border:1px solid rgba(255,255,255,.14);padding:.75rem;background:#0b101a;border-radius:10px}.manage-list p{margin:.3rem 0 0;color:var(--muted)}
.reveal{opacity:0;transform:translateY(26px)}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.auth-panels{grid-template-columns:1fr}.topbar{flex-direction:column}nav{justify-content:center}.dropdown{right:auto;left:0}}