*{box-sizing:border-box}body{margin:0;background:#0b0d12;color:#f5f7fb;font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}.wrap{max-width:1050px;margin:auto;padding:0 20px}header{position:sticky;top:0;background:#0b0d12eF;border-bottom:1px solid #252b38;padding:15px 0;z-index:5}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;text-decoration:none;font-size:20px}.logo{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);margin-right:9px}.links{display:flex;gap:15px}.links a{text-decoration:none;color:#aab2c2;font-size:14px}.links a:hover{color:white}.hero{text-align:center;padding:85px 20px}.badge{border:1px solid #41345d;background:#181326;padding:7px 12px;border-radius:99px;color:#cfc3ff;font-size:13px}.hero h1{font-size:clamp(42px,8vw,72px);line-height:1;margin:22px 0 16px}.grad{background:linear-gradient(90deg,#fff,#c4b5fd,#f9a8d4);color:transparent;background-clip:text}.hero p{max-width:700px;margin:auto;color:#9ba6b8;font-size:18px}.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:bold;background:#191e28;border:1px solid #293140}.primary{border:0;background:linear-gradient(135deg,#8b5cf6,#ec4899)}section{padding:25px 0 70px}.title{text-align:center;margin-bottom:28px}.title h2{font-size:30px;margin:0}.title p{color:#9ba6b8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.card{background:#11161f;border:1px solid #252d3a;border-radius:18px;padding:22px;text-decoration:none;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#5a477d}.card .icon{font-size:28px}.card h3{margin:10px 0 5px}.card p{color:#9ba6b8;margin:0;font-size:14px}.cmds{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.cmd{background:#11161f;border:1px solid #252d3a;border-radius:12px;padding:14px}.cmd code{color:#ddd6fe;font-family:monospace}.cmd small{display:block;color:#9ba6b8;margin-top:4px}.search{max-width:650px;margin:0 auto 20px}.search input{width:100%;padding:15px;border-radius:12px;border:1px solid #293140;background:#0f131a;color:white;font-size:15px}footer{border-top:1px solid #252d3a;text-align:center;padding:35px;color:#8e98aa;font-size:13px}@media(max-width:650px){.links a:nth-child(n+3){display:none}.hero{padding:65px 20px}.nav{height:40px}}


/* Ajustes móviles y búsqueda */
.cmds { width: 100%; }
.cmd { min-width: 0; overflow-wrap: anywhere; }
.search input { outline: none; }
.search input:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,.12); }
@media (max-width: 700px) {
  .wrap { width: 100%; padding-left: 16px; padding-right: 16px; }
  .cmds { grid-template-columns: 1fr; }
  .grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(38px, 12vw, 58px); }
  .links { gap: 10px; }
}