/* Comunidad X · estilo MAGENTA X (oscuro, Inter, degradado #EC3F7E → #9E48D2) */
:root{--bg:#000;--card:#1C1C1E;--soft:#2C2C2E;--line:#3A3A3C;--tx:#F5F5F7;--mut:#AEAEB2;--g:linear-gradient(90deg,#EC3F7E,#9E48D2);--ok:#4ADE80;--okbg:#1E3A28;--err:#FF6B61;--errbg:#4A1F1C;--warn:#FFD60A;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--tx);font:16px/1.55 Inter,system-ui,-apple-system,sans-serif;
  background:radial-gradient(900px 700px at 100% -10%,rgba(236,63,126,.14),transparent 70%),radial-gradient(900px 700px at -10% 110%,rgba(158,72,210,.14),transparent 70%),#000;background-attachment:fixed;
  padding:0 16px 48px}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid #9E48D2;outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:760px;margin:0 auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 10px}
.logo{font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.logo b{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:2px}
.nav{display:flex;gap:14px;font-size:14px}
.nav a{color:var(--mut);text-decoration:none}.nav a:hover{color:#fff}
h1{font-size:clamp(28px,7vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:26px 0 8px}
h1 span{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:20px;letter-spacing:-.02em;margin:0 0 6px}
.sub{color:var(--mut);margin:0 0 22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:14px}
.card.link{display:block;text-decoration:none;transition:border-color .15s}
.card.link:hover{border-color:#EC3F7E}
.stack{display:flex;flex-direction:column;gap:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut)}
input[type=text],input[type=email],input:not([type]){background:#000;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px}
.chk{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.4}
.chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#9E48D2}
.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;color:#fff;background:var(--g);text-align:center;text-decoration:none;display:inline-block}
.btn.sec{background:var(--soft)}
.btn:disabled{opacity:.55;cursor:default}
.msg{border-radius:10px;padding:10px 12px;font-size:14px}
.msg.err{background:var(--errbg);color:var(--err)}.msg.ok{background:var(--okbg);color:var(--ok)}
.tag{display:inline-block;font-size:12px;font-weight:600;border-radius:99px;padding:2px 10px;background:#3A1F34;color:#FF8FBD}
.tag.ok{background:var(--okbg);color:var(--ok)}.tag.gris{background:var(--soft);color:var(--mut)}
.meta{color:var(--mut);font-size:14px}
.pie{color:var(--mut);font-size:12px;text-align:center;margin-top:28px}
.vacio{text-align:center;color:var(--mut);padding:40px 10px}