:root{
  --card:#111217;
  --accent:#c77df0;
  --muted:#bdbdbd;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, "Segoe UI", Arial;
  background-size:cover;
  background-position:center;
  color:#fff;
}
        body {
            margin: 0;
            padding: 0;
            min-height: 100vh;
            background:
                linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
                url("{{ url_for('static', filename='bg.png') }}") no-repeat center center fixed;
            background-size: cover;
            font-family: "Poppins", sans-serif;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .card {
            background-color: rgba(0, 0, 0, 0.6);
            padding: 40px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 0 30px rgba(255, 192, 203, 0.3);
        }

        .avatar {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 3px solid #ff99cc;
            margin-bottom: 15px;
            object-fit: cover;
            cursor: pointer;
        }

        h1 {
            color: #ff99ff;
            font-size: 28px;
            margin-bottom: 5px;
        }

        p {
            color: #ccc;
            margin-bottom: 20px;
            font-size: 16px;
        }

        .button {
            background-color: #ffb6f9;
            color: #000;
            padding: 10px 25px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: bold;
            transition: 0.3s;
            display: inline-block;
        }

        .button:hover {
            background-color: #ff8ae0;
        }
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45)}
.card{
  position:relative;
  z-index:1;
  max-width:520px;
  margin:8vh auto;
  padding:28px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(17,18,23,0.75), rgba(10,10,14,0.6));
  text-align:center;
}
main.card{padding:36px}
.avatar{width:120px;height:120px;border-radius:999px;object-fit:cover;border:4px solid rgba(255,255,255,0.06);display:block;margin:0 auto;cursor:pointer}
h1{margin:12px 0 6px;color:var(--accent)}
.bio{color:var(--muted);margin-bottom:18px}
.links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.link-btn{padding:10px 14px;border-radius:10px;text-decoration:none;background:rgba(255,255,255,0.03);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,0.03)}
.link-btn.discord{background:linear-gradient(90deg,#ffd1ea,#c77df0);color:#111}

.admin-panel{max-width:900px;margin:30px auto;background:rgba(0,0,0,0.6);padding:18px;border-radius:12px;color:#fff}
.admin-panel h1{color:var(--accent)}
.admin-form input, .admin-form textarea{width:100%;padding:10px;border-radius:8px;border:none;margin:6px 0;background:#111;color:#fff}
.admin-form textarea{min-height:100px}
.link-row{display:flex;gap:8px;margin-bottom:8px}
.link-row input{flex:1}
.removeBtn{background:#ff6b6b;border:none;padding:6px;border-radius:8px;color:#fff;cursor:pointer}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-form{background:rgba(0,0,0,0.7);padding:24px;border-radius:12px;width:320px;text-align:center}
.login-form input{width:90%;padding:10px;margin:8px;border-radius:8px;border:none;background:#111;color:#fff}
.login-form button{padding:10px 20px;border-radius:10px;border:none;background:var(--accent);color:#111;font-weight:700;cursor:pointer}

.flashes{list-style:none;padding:0;margin:8px 0}
.flash{padding:8px;border-radius:8px;margin-bottom:6px}
.flash.success{background:#d3ffd8;color:#062b0f}
.flash.error{background:#ffd6d6;color:#4a0606}
.btn-logout{margin-left:12px;padding:8px 12px;background:#333;border-radius:8px;color:#fff;text-decoration:none}