:root{--bg:#070910;--panel:#0c1020;--text:#e9eefb;--muted:#9aa8c6;--accent:#6c5ce7;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,rgba(108,92,231,.25),transparent),radial-gradient(800px 400px at 90% 10%,rgba(0,255,204,.16),transparent),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
.scene{max-width:1100px;margin:0 auto;padding:24px;perspective:1000px}
.holo-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.avatar{width:96px;height:96px;border-radius:16px;padding:3px;background:conic-gradient(from 45deg,#6c5ce7,#00ffcc,#6c5ce7);box-shadow:0 0 40px rgba(108,92,231,.4)}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.meta h1{margin:0;font-weight:900}
.meta .glow{color:#00ffcc;text-shadow:0 0 12px rgba(0,255,204,.6)}
.holo-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.card{--rx:0;--ry:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 0 1px rgba(0,255,204,.08) inset;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .15s ease}
.card h2{margin:0 0 10px 0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px}
.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.list li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.03);padding:8px;border-radius:10px}
.list img{width:26px;height:26px;border-radius:8px}
.kv{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kv li{display:flex;justify-content:space-between;background:rgba(255,255,255,.03);padding:8px;border-radius:10px}
@media(max-width:900px){.holo-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}