:root {
  --bg: #0b1224;
  --panel: rgba(255,255,255,0.06);
  --text: #eaf2ff;
  --accent: #3b82f6;
  --glow: 0 0 24px rgba(59,130,246,0.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1000px 700px at 10% 0%,#0f1b3d,#0b1224);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Ubuntu}
.wrap{max-width:980px;margin:40px auto;padding:0 16px}
h1{font-size:28px;letter-spacing:.5px;text-shadow:var(--glow)}
.sub{opacity:.8;margin-top:-6px;margin-bottom:20px}
.card{background:var(--panel);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;margin:18px 0;box-shadow:0 6px 40px rgba(0,0,0,.35),var(--glow)}
h2{margin:0 0 8px}
form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
input[type=file]{padding:8px;border:1px dashed rgba(255,255,255,.25);border-radius:10px}
button{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;border:0;padding:10px 16px;border-radius:12px;cursor:pointer;box-shadow:var(--glow)}
#imgOut,#vidOut{margin-top:10px}
#imgOut img,#vidOut video{max-width:100%;border-radius:10px;display:block}