body { font-family: 'Segoe UI', sans-serif; background:#0d0d0d; color:#ececec; margin:0; padding:20px; }
.container { max-width:1000px; margin:auto; }
.stats { display:flex; gap:20px; margin-bottom:30px; }
.card { flex:1; background:#1a1a1a; padding:20px; border-radius:12px; box-shadow:0 0 15px rgba(241,196,15,0.5); text-align:center; }
.link-form { display:flex; gap:10px; margin-bottom:30px; }
.link-form input { flex:1; padding:10px; border-radius:8px; border:1px solid #444; background:#0d0d0d; color:#ececec; }
.link-form input::placeholder { color:#888; }
.link-form button { padding:10px 20px; border:none; border-radius:8px; background:#f1c40f; color:#0d0d0d; font-weight:bold; cursor:pointer; transition:0.3s; }
.link-form button:hover { box-shadow:0 0 10px #f1c40f; }
.links { display:flex; flex-direction:column; gap:15px; }
.link-card { display:flex; flex-wrap:wrap; justify-content:space-between; background:#1a1a1a; padding:15px; border-radius:10px; box-shadow:0 0 10px rgba(241,196,15,0.4); }
.link-card span { margin-right:10px; }
.link-card button { background:#f1c40f; color:#0d0d0d; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; font-weight:bold; }
.link-card button:hover { box-shadow:0 0 8px #f1c40f; }
h1,h2 { color:#f1c40f; }