:root{--fondo: #f4f4f8;--tarjeta: #ffffff;--primario: #1a1a2e;--acento: #e94560;--texto: #1a1a2e;--texto-suave: #6b7280}*{box-sizing:border-box;margin:0}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{display:flex;justify-content:center;min-height:100vh}.columna{width:100%;max-width:430px;padding:16px;display:flex;flex-direction:column;gap:12px}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.cabecera h1{font-size:1.3rem}.tarjeta{background:var(--tarjeta);border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.boton{display:block;width:100%;padding:14px;border:none;border-radius:10px;background:var(--primario);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.boton:active{opacity:.85}.boton.secundario{background:var(--tarjeta);color:var(--primario);border:1px solid #d1d5db}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.campo label{font-size:.85rem;color:var(--texto-suave)}.campo input{padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem}.error{color:var(--acento);font-size:.9rem}.menu{display:flex;flex-direction:column;gap:10px}.suave{color:var(--texto-suave);font-size:.9rem}