*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial;background:black;color:gold;overflow:hidden}
#matrixBg{position:fixed;inset:0;z-index:-1}
audio{display:none}
.card,.panel{
 display:none;width:420px;max-height:90vh;margin:5vh auto;padding:25px;
 background:rgba(0,0,0,.88);border:2px solid gold;border-radius:18px;
 box-shadow:0 0 40px gold,inset 0 0 25px rgba(255,215,0,.2);
 backdrop-filter:blur(6px);overflow:auto
}
.panel{width:720px}
.active{display:block}
h1,h2,h3{text-align:center;text-shadow:0 0 20px gold}
.sub{text-align:center;font-size:14px;opacity:.8}
input,textarea,select,button{
 width:100%;margin:8px 0;padding:11px;background:black;color:gold;
 border:1px solid gold;border-radius:10px
}
button{cursor:pointer;font-weight:bold;transition:.3s}
button:hover{background:gold;color:black;box-shadow:0 0 15px gold}
.ghost{background:transparent}
.box{
 border:1px solid rgba(255,215,0,.7);padding:12px;margin:10px 0;
 border-radius:12px;background:rgba(255,215,0,.05);
 box-shadow:0 0 10px rgba(255,215,0,.5)
}
#annPage .box{background:rgba(255,215,0,.1);border-left:4px solid gold}
a{color:#ffd700;word-break:break-all}
.menu{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}
.page{display:none}
.page.active{display:block}