:root{ --bg:#111;--surface:#1a1a1a;--surface2:#222;--border:#2e2e2e; --orange:#ff6a00;--orange2:#ff9900;--orange-dim:#7a3200;--text:#f5e6d0;--text-dim:#8a7a6a;--diamond:#4dd9e8;--danger:#e74c3c;--success:#2ecc71;--r:8px; }
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Nunito',sans-serif;min-height:100vh;overflow-x:hidden;}
body::before { content:''; position:fixed; inset:0; background-image:linear-gradient(rgba(255,106,0,0.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,106,0,0.04) 1px,transparent 1px); background-size:32px 32px; pointer-events:none; z-index:0; animation: gridDriftX 60s ease-in-out infinite alternate, gridDriftY 43s ease-in-out infinite alternate; }
@keyframes gridDriftX { 0% { background-position-x: 0px; } 100% { background-position-x: 1024px; } }
@keyframes gridDriftY { 0% { background-position-y: 0px; } 100% { background-position-y: 1024px; } }

.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:11px 20px;background:rgba(17,17,17,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.mc-title{font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--orange);}
.topbar-right{display:flex;align-items:center;gap:12px;}
.topbar-link{background:transparent;border:1px solid var(--border);border-radius:var(--r);padding:7px 12px;color:var(--text-dim);font-size:0.78rem;font-weight:700;cursor:pointer;transition:0.15s;text-decoration:none;white-space:nowrap;}
.topbar-link:hover{border-color:var(--orange);color:var(--orange);}
.bell-btn{position:relative;cursor:pointer;font-size:1.3rem;text-decoration:none;}
.bell-badge{position:absolute;top:-5px;right:-8px;background:var(--danger);color:#fff;font-size:0.5rem;font-family:'Press Start 2P',monospace;padding:3px 5px;border-radius:10px;display:none;}

.main-container{position:relative;z-index:1;max-width:500px;margin:40px auto;padding:20px;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.4);}
.card-title{font-family:'Press Start 2P',monospace;font-size:0.7rem;color:var(--orange);margin-bottom:15px;}
.input-group{margin-bottom:15px;}
.input-group label{display:block;font-size:0.8rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;margin-bottom:5px;}
.form-control{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;color:var(--text);font-family:'Nunito',sans-serif;font-size:1rem;outline:none;}
.form-control:focus{border-color:var(--orange);}
.btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--orange),var(--orange2));border:none;border-radius:var(--r);font-family:'Press Start 2P',monospace;font-size:0.56rem;color:#000;cursor:pointer;transition:0.15s;}
.btn:hover{box-shadow:0 0 15px rgba(255,106,0,0.4);}
.btn-danger{background:rgba(231,76,60,0.1); border:1px solid var(--danger); color:var(--danger);}
.btn-danger:hover{background:var(--danger); color:#000; box-shadow:0 0 15px rgba(231,76,60,0.4);}

.modal{position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.modal.open{display:flex;}
.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.modal-head{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:'Press Start 2P',monospace;font-size:0.6rem;color:var(--danger);}
.modal-body{padding:20px;}

.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(60px);background:var(--surface);border:1px solid var(--orange);border-radius:var(--r);padding:10px 20px;font-size:0.86rem;font-weight:700;color:var(--orange);z-index:999;opacity:0;transition:0.25s;}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;}