/* assets/css/style.css - dark hacker theme */
:root{--bg:#071018;--card:#0f1720;--accent:#00ffae;--muted:#9aa8b2;--glass:rgba(255,255,255,0.03)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial;background:linear-gradient(180deg,#020204,#071018);color:#e6fff6;min-height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(0,255,174,0.04);position:sticky;top:0;background:rgba(2,6,8,0.6);backdrop-filter:blur(6px);z-index:20}
.brand{font-weight:700;letter-spacing:1px}
.menu{display:flex;gap:10px;align-items:center}
.menu a{color:var(--muted);text-decoration:none;padding:8px;border-radius:6px}
.menu a:hover{color:var(--accent);background:rgba(0,255,174,0.03)}
.menuBtn{display:none;background:transparent;border:1px solid rgba(255,255,255,0.04);padding:8px;border-radius:6px;color:var(--muted);cursor:pointer}

.container{max-width:980px;margin:28px auto;padding:20px}
.card{background:var(--glass);padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 6px 18px rgba(0,0,0,0.6);border:1px solid rgba(0,255,174,0.03)}
.upload-card input[type=file]{display:block;margin-bottom:12px}
.btn{background:transparent;border:1px solid var(--accent);padding:10px 14px;border-radius:8px;cursor:pointer;color:var(--accent)}
.btn.small{padding:6px 10px;font-size:13px}
.muted{color:var(--muted);margin-top:8px}
.result input[readonly]{width:100%;padding:8px;border-radius:6px;background:#0b1113;border:1px solid rgba(255,255,255,0.04);color:#dfffea;margin-bottom:8px}
.actions{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.footer{padding:18px;text-align:center;color:var(--muted);border-top:1px solid rgba(0,255,174,0.02)}

/* responsive */
@media (max-width:720px){
  .menu{display:none}
  .menuBtn{display:block}
}