*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#111,#222);color:#fff;min-height:100vh;}
:root{--radius:14px;--accent:#6366f1;--danger:#ef4444;--bg-card:#1e1e25;--bg-alt:#2a2a33;}
.container{width:100%;max-width:640px;margin:0 auto;padding:1.25rem;}
.center{display:flex;flex-direction:column;align-items:center;text-align:center;}
.topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#111;border-bottom:1px solid #222;position:sticky;top:0;}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.brand{font-size:1.1rem;}
.card{background:var(--bg-card);padding:1.25rem 1.1rem;margin:1rem 0;border-radius:var(--radius);box-shadow:0 4px 16px -4px #0008;backdrop-filter:blur(6px);width:100%;}
form.card{display:flex;flex-direction:column;gap:.75rem;}
label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem;font-weight:500;text-align:left}
input,select{background:var(--bg-alt);border:1px solid #333;color:#fff;padding:.65rem .75rem;border-radius:8px;font-size:.95rem;}
input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent);}
button{cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.7rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:.25s;}
button:hover{filter:brightness(1.15);}
button.danger{background:var(--danger);}
button.full{grid-column:1/-1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.5rem}
.links-admin{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.6rem}
.links-admin li{display:flex;align-items:center;justify-content:space-between;background:var(--bg-alt);padding:.6rem .75rem;border-radius:10px;font-size:.9rem;}
.links-admin form{margin:0}
.avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;box-shadow:0 6px 22px -6px #000c;margin-top:2rem;}
.links-list{display:flex;flex-direction:column;gap:.9rem;width:100%;margin-top:1.5rem;}
.link-btn{--c:#444;display:flex;gap:.75rem;align-items:center;justify-content:center;padding:.9rem 1.1rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;background:var(--bg-alt);color:#fff;position:relative;overflow:hidden;}
.link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #000b;}
.link-btn.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.link-btn.spotify{background:#1db954;}
.link-btn.tiktok{background:linear-gradient(135deg,#25F4EE,#000,#FE2C55);}
.link-btn.youtube{background:#ff0000;}
.link-btn.other{background:#374151;}
.link-btn .icon{font-size:1.25rem;}
@media (max-width:580px){h1{font-size:1.75rem;} .card{padding:1rem .9rem;} .links-admin li{flex-direction:column;align-items:flex-start;gap:.4rem} .topbar{flex-wrap:wrap;}}
@media (prefers-color-scheme:light){body{background:linear-gradient(135deg,#fafafa,#ddd);color:#111;} .card{background:#fff;} .links-admin li{background:#f3f4f6;} input,select{background:#f3f4f6;color:#111;} .link-btn{background:#e5e7eb;color:#111;}}